/* Minimal monochrome appearance: mostly black/white with neutral gray surfaces. */
:root[data-interface=classic][data-theme="dark"]{color-scheme:dark;--bg:#080808;--panel:#101010;--line:#292929;--muted:#a2a2a2;--ink:#f3f3f3;--accent:#f4f4f4;--brand:#f4f4f4;--fuchsia:#d7d7d7;--well:#090909;--surface:#191919}
:root[data-interface=classic][data-theme="light"]{color-scheme:light;--bg:#f4f4f4;--panel:#fff;--line:#d9d9d9;--muted:#666;--ink:#141414;--accent:#111;--brand:#111;--fuchsia:#444;--well:#fafafa;--surface:#ededed}

.appearance-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}
.appearance-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.appearance-control select{width:88px;min-height:37px;font-size:12px;border-radius:2px}
.update-notice{position:fixed;z-index:300;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:9px 10px 9px 15px;background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:0 8px 32px #0005;font-size:12px}
.update-notice .button{min-height:31px;padding:6px 11px;font-size:11px}
.update-dismiss{width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1}

[data-interface=classic][data-theme] body,[data-interface=classic][data-theme] .sidebar,[data-interface=classic][data-theme] .workspace{background:var(--bg);color:var(--ink)}
[data-interface=classic][data-theme] .app-header,[data-interface=classic][data-theme] .sidebar-heading,[data-interface=classic][data-theme] .setting-tabs,[data-interface=classic][data-theme] .sidebar-footer,[data-interface=classic][data-theme] .preview-area{background:var(--panel);color:var(--ink);border-color:var(--line)}
[data-interface=classic][data-theme] .settings-panel,[data-interface=classic][data-theme] .dither-pattern-panel,[data-interface=classic][data-theme] .palette-editor,[data-interface=classic][data-theme] .palette-color-row,[data-interface=classic][data-theme] .export-bar,[data-interface=classic][data-theme] .gif-export{background:var(--panel);border-color:var(--line);color:var(--ink)}
[data-interface=classic][data-theme] select,[data-interface=classic][data-theme] input[type=number],[data-interface=classic][data-theme] input[type=text],[data-interface=classic][data-theme] .control-number{background:var(--well)!important;border-color:var(--line)!important;color:var(--ink)!important}
[data-interface=classic][data-theme] .view-tabs,[data-interface=classic][data-theme] .setting-tabs button[aria-selected=true],[data-interface=classic][data-theme] .preset-grid button.selected,[data-interface=classic][data-theme] .resolution-chips button.selected{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
[data-interface=classic][data-theme] .view-tabs button[aria-pressed=true]{background:var(--ink)!important;color:var(--bg)!important}
[data-interface=classic][data-theme] .button.primary,[data-interface=classic][data-theme] .button.primary:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--bg)!important}
[data-interface=classic][data-theme] .button.secondary,[data-interface=classic][data-theme] .interface-toggle{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
[data-interface=classic][data-theme] .button.subtle,[data-interface=classic][data-theme] .text-button,[data-interface=classic][data-theme] .ecosystem-footer a{color:var(--muted)!important}
[data-interface=classic][data-theme] .field-label,[data-interface=classic][data-theme] .control-top,[data-interface=classic][data-theme] .palette-edit-heading,[data-interface=classic][data-theme] .check-field,[data-interface=classic][data-theme] .signal-input-label{color:var(--muted)!important}
[data-interface=classic][data-theme] .preview-caption,[data-interface=classic][data-theme] .panel-note,[data-interface=classic][data-theme] .export-copy small,[data-interface=classic][data-theme] .export-copy strong,[data-interface=classic][data-theme] #status{color:var(--muted)!important}
[data-interface=classic][data-theme] .stage{background-color:var(--surface);border-color:var(--line);background-image:linear-gradient(45deg,color-mix(in srgb,var(--ink) 3%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--ink) 3%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--ink) 3%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--ink) 3%,transparent) 75%)}
[data-interface=classic][data-theme] .screen{box-shadow:0 16px 48px #0003}
[data-interface=classic][data-theme] .drop-overlay{background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--ink);color:var(--ink)}
[data-interface=classic][data-theme] #toast{background:var(--ink);border:1px solid var(--line);color:var(--bg)}
[data-interface=classic][data-theme] .ecosystem-footer{border-color:var(--line);color:var(--muted)}
[data-interface=classic][data-theme] .setting-tabs button[aria-selected=true]{border-bottom-color:var(--ink)!important}
[data-interface=classic][data-theme] .resolution-chips button.selected{border-color:var(--ink)!important}
[data-interface=classic][data-theme] input[type=range],[data-interface=classic][data-theme] input[type=checkbox]{accent-color:var(--ink)}

:root[data-interface=classic][data-theme="dark"] .app-header{background:#080808}
:root[data-interface=classic][data-theme="dark"] .stage{background-color:#111}
:root[data-interface=classic][data-theme="light"] .app-header{background:#fff}
:root[data-interface=classic][data-theme="light"] .stage{background-color:#ebebeb}
:root[data-interface=classic][data-theme="light"] .button.primary,[data-interface=classic][data-theme="light"] .button.primary{color:#fff!important;background:#111!important;border-color:#111!important}
:root[data-interface=classic][data-theme="light"] .screen{box-shadow:0 16px 48px #0002}

@media(max-width:850px){.appearance-control select{width:82px}}
@media(max-width:520px){.update-notice{top:8px;width:calc(100vw - 16px);justify-content:space-between;gap:6px;padding-left:10px}.update-notice .button{padding:6px 8px}}