:root{color-scheme:light;--surface:#fff;--hover:#ececee;--appearance-selected:#e9edff;--appearance-border:#173bff}
.appearance-settings{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.appearance-settings h3,.settings-section-title{font:700 15px/1.4 var(--sans);letter-spacing:-.2px;margin:0 0 12px}
.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--paper);padding:5px;border:1px solid var(--line);border-radius:7px}
.appearance-options button{min-height:44px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:600}
.appearance-options button:hover{background:var(--hover)}
.appearance-options button[aria-pressed="true"]{background:var(--appearance-selected);border-color:var(--appearance-border);color:var(--ink)}
.appearance-status{color:var(--muted);font-size:12px;line-height:1.5;min-height:18px;margin:10px 0 0}
html[data-theme="dark"]{color-scheme:dark;--paper:#111216;--surface:#1a1c23;--sidebar:#1a1c23;--ink:#f3f4f6;--muted:#b5b9c5;--line:#3b3f49;--rust:#a8b8ff;--olive:#b5b9c5;--hover:#292d37;--appearance-selected:#2a3458;--appearance-border:#a8b8ff}
[data-theme="dark"] ::selection{background:#435524;color:#fff}
[data-theme="dark"] .wordmark,[data-theme="dark"] .index-intro h1,[data-theme="dark"] .index-caption{color:var(--ink)}
[data-theme="dark"] .index-intro,[data-theme="dark"] .design-card.support-card,[data-theme="dark"] .design-card:nth-child(n+4){border-color:var(--line)}
[data-theme="dark"] .header-search,[data-theme="dark"] .header-search kbd{border-color:#515662}
[data-theme="dark"] .header-search kbd,[data-theme="dark"] .header-search input::placeholder{color:var(--muted)}
[data-theme="dark"] .avatar{background:#252832;border-color:#515662}
[data-theme="dark"] .filter-menu summary:hover,[data-theme="dark"] .filter-menu[open] summary,[data-theme="dark"] .icon-button:hover{background:var(--hover)}
[data-theme="dark"] .filter-menu.has-filters summary,[data-theme="dark"] .device-controls button.active{background:var(--appearance-selected);color:#b3c1ff}
[data-theme="dark"] .filter-popover{background:var(--surface);border-color:var(--line);box-shadow:0 12px 35px #0006}
[data-theme="dark"] .filter-popover select,[data-theme="dark"] .form-field input,[data-theme="dark"] .form-field textarea,[data-theme="dark"] .form-field select,[data-theme="dark"] .copy-fallback{background:#13151b;border-color:#515662;color:var(--ink)}
[data-theme="dark"] .filter-popover .view-switch{background:var(--paper)}
[data-theme="dark"] .filter-popover .view-switch .active{background:var(--hover)}
[data-theme="dark"] .filter-popover label,[data-theme="dark"] .card-meta p,[data-theme="dark"] .workspace-footer,[data-theme="dark"] .workspace-footer button,[data-theme="dark"] .intro p,[data-theme="dark"] .eyebrow,[data-theme="dark"] .empty-state p,[data-theme="dark"] .detail-description,[data-theme="dark"] .detail-tags span,[data-theme="dark"] .detail-tabs button,[data-theme="dark"] .form-field .help,[data-theme="dark"] .color-field span,[data-theme="dark"] .dialog-heading p,[data-theme="dark"] .prompt-caption,[data-theme="dark"] .box-label,[data-theme="dark"] .workbench-disclaimer,[data-theme="dark"] .detail-bottom-note,[data-theme="dark"] .backup-description,[data-theme="dark"] .collection-footer,[data-theme="dark"] .collection-toolbar .back-button,[data-theme="dark"] .selection-number,[data-theme="dark"] .selection-copy small{color:var(--muted)}
[data-theme="dark"] .results-line button,[data-theme="dark"] .intro h1 em,[data-theme="dark"] .detail-tabs .active{color:#b3c1ff}
[data-theme="dark"] .detail-tabs .active{border-color:#b3c1ff}
[data-theme="dark"] #sort-filter{color:var(--ink)!important}
[data-theme="dark"] .navigation-dock{background:#1b1d24f5;border-color:#454955;box-shadow:0 7px 25px #0005}
[data-theme="dark"] .navigation-dock .nav-item{color:#c3c7d3}
[data-theme="dark"] .navigation-dock .nav-item:hover{background:var(--hover)}
[data-theme="dark"] .navigation-dock .nav-item.active{color:#b3c1ff}
[data-theme="dark"] .navigation-dock .nav-item.active::after{background:#b3c1ff}
[data-theme="dark"] .navigation-dock .nav-count{background:#303956;color:#c0cbff}
[data-theme="dark"] .ui-icon,[data-theme="dark"] .header-search>img,[data-theme="dark"] .filter-menu summary>img{filter:brightness(0) invert(1)}
[data-theme="dark"] .navigation-dock .nav-item.active .ui-icon,[data-theme="dark"] .icon-button.saved .ui-icon{filter:brightness(0) invert(1)}
[data-theme="dark"] .button.primary .ui-icon,[data-theme="dark"] .explore-button .ui-icon{filter:none}
[data-theme="dark"] .explore-button{color:#111}
[data-theme="dark"] .button:not(.primary){background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme="dark"] .collection-card,[data-theme="dark"] .workbench-box,[data-theme="dark"] .design-dialog,[data-theme="dark"] .small-dialog,[data-theme="dark"] .detail-panel,[data-theme="dark"] .preview-topbar{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme="dark"] dialog::backdrop{background:#05070bcc}
[data-theme="dark"] .detail-preview,[data-theme="dark"] .preview-area{background:#101115}
[data-theme="dark"] .workbench-output,[data-theme="dark"] .prompt-output,[data-theme="dark"] .code-output{background:#13151b;border-color:var(--line);color:#d3d6df}
[data-theme="dark"] .collection-cover{background:#252a34}
[data-theme="dark"] .collection-cover .cover-note{color:#c3c9d9}
[data-theme="dark"] .collection-cover .thumb{border-color:var(--line)}
[data-theme="dark"] .settings-note,[data-theme="dark"] .workbench-empty,[data-theme="dark"] .import-confirmation{background:#252c43;color:#d3d9ef}
[data-theme="dark"] .inline-error,[data-theme="dark"] .danger-text{color:#ffb19b}
[data-theme="dark"] .storage-warning{background:#332815;border-color:#967439;color:#ffe0a2}
[data-theme="dark"] .toast{background:#e9ebf2;color:#16181e}
[data-theme="dark"] .toast button{color:#2438aa}
[data-theme="dark"] :is(button,a,summary,input,select,textarea):focus-visible,[data-theme="dark"] .header-search:focus-within{outline-color:#b3c1ff}
[data-theme="dark"] .filter-popover .view-switch button{color:var(--ink)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#a4aab8;opacity:1}