:root { color-scheme: light; }
.header nav { margin-left: auto; }
.header-controls { display: flex; align-items: center; gap: 12px; margin-left: 24px; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; border: 1px solid var(--line); border-radius: 100px; padding: 8px 13px; background: transparent; color: var(--ink); font-size: 11px; font-weight: 700; white-space: nowrap; }
.theme-toggle:hover { background: var(--blush); }
.theme-icon { font-size: 21px; line-height: 1; }
.editor-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
html[data-theme="dark"] { --pink: #ff6eae; --pink-dark: #ec267f; --ink: #f6edf2; --muted: #c1adb8; --blush: #261b22; --line: #49333f; color-scheme: dark; }
html[data-theme="dark"] body,
html[data-theme="dark"] .header { background: #171318; }
html[data-theme="dark"] .catalog-dropdown { background: #231c23; }
html[data-theme="dark"] .catalog-dropdown { border-color: var(--line); box-shadow: 0 18px 35px #0006; }
html[data-theme="dark"] .catalog-dropdown button:hover,
html[data-theme="dark"] .catalog-dropdown button:focus-visible { background: #3a2431; }
html[data-theme="dark"] .announcement { background: #a50b50; }
html[data-theme="dark"] .ticker { background: #770736; }
html[data-theme="dark"] .primary { background: #b90b58; }
html[data-theme="dark"] .primary:hover { background: #9d0849; }
html[data-theme="dark"] .hero-sticker { color: #272426; }
html[data-theme="dark"] .filter { background: #231c23; border-color: var(--line); }
html[data-theme="dark"] .filter.active { background: #f36baf; border-color: #f36baf; color: #29101b; }
html[data-theme="dark"] .demo-note { color: var(--muted); }
html[data-theme="dark"] .product-badge { color: #4b2437; }
html[data-theme="dark"] .custom-section { background: #241921; }
html[data-theme="dark"] .custom-art { background: #51243b; }
html[data-theme="dark"] .art-type em { color: #ffadd0; }
html[data-theme="dark"] .button.dark { background: #f5e8ef; color: #2c1621; }
html[data-theme="dark"] .contact { background: #820941; }
html[data-theme="dark"] .button.white { color: #b30b57; }
html[data-theme="dark"] .editor-link { color: #efa3c9; }
html[data-theme="dark"] .catalog-view-top { border-color: var(--line); }
html[data-theme="dark"] .skip { background: #231c23; }
html[data-theme="dark"] .draft-banner button { color: #272426; }
html[data-theme="dark"] .edit-card,
html[data-theme="dark"] .settings { background: #231c23; }
html[data-theme="dark"] .editor-field input,
html[data-theme="dark"] .editor-field textarea,
html[data-theme="dark"] .editor-field select { background: #171318; color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .editor-notice { background: #352919; border-color: #665030; color: #f9dfad; }
html[data-theme="dark"] .editor .secondary { background: #2c202b; }
html[data-theme="dark"] .editor .remove,
html[data-theme="dark"] #status { color: #ff9fca; }
html[data-theme="dark"] #editor-page { background: #171318; }
html[data-theme="dark"] :is(button,a,summary,input,textarea,select):focus-visible { outline-color: #d5bcff; }
@media(min-width:761px) and (max-width:1050px) { .theme-label { display: none; } .header-controls { margin-left: 16px; } }
@media(max-width:760px) { .header-controls { margin-left: auto; gap: 10px; } .header nav { margin-left: 0; } html[data-theme="dark"] .header nav { background: #231c23; } .header-controls .theme-label { display: none; } .theme-toggle { padding: 8px 11px; } .header-controls .menu-toggle { min-width: 44px; min-height: 44px; padding: 0; } }
@media(max-width:359px) { .editor-top .theme-label { display: none; } }