/* Warm rose dark palette shared with the console. Image pixels remain untouched. */
html.dark {
  color-scheme:dark;
  --cream:#282124; --ink:#f3e5de; --muted:#c0aca8; --line:#514146;
  --accent:#e9b5c7; --pink:#4d3640;
  --studio-panel:#30282b; --studio-field:#3b3134; --studio-rose:#4d3640;
  --studio-purple:#403348; --studio-gold:#4a4030; --studio-green:#343c30;
}
html.dark body { background:var(--cream); color:var(--ink); }
html.dark .panel { background:var(--studio-panel); box-shadow:0 12px 45px #00000015; }
html.dark :is(.preview-banner,.wallet) { background:var(--studio-gold); color:#f8e4b5; }
html.dark .wallet>span { color:#e4d0ab; }
html.dark :is(.eyebrow,.artist-eyebrow) { color:#d0b89c; }
html.dark :is(.badge,.history-row,.reference-drop,.studio-tabs,.artist-toolbar,.artist-chat-form,#custom-size,#gif-settings,.batch-grid article) { background:var(--studio-field); }
html.dark :is(input,select,textarea,.nai-settings input,.nai-settings select,.nai-settings textarea,.artist-toolbar select,#custom-size input) { background:var(--studio-field); color:var(--ink); border-color:transparent; }
html.dark :is(input,select,textarea):focus { background:#44373c; }
html.dark :is(input,textarea)::placeholder { color:var(--muted); }
html.dark option,html.dark optgroup { background:var(--studio-panel); color:var(--ink); }
html.dark :focus-visible { outline-color:#e1a0b8; }
html.dark :is(nav .active,nav button:hover,.text-button:hover,.avatar,.reference-count,.artist-bio-tags span) { background:var(--studio-rose); color:var(--accent); }
html.dark :is(.pill,.nai-settings,.receipt,details) { background:var(--studio-green); color:#d5dfbd; }
html.dark :is(.nai-summary-heading>span,.receipt strong) { color:var(--ink); }
html.dark :is(.receipt small,.nai-summary-heading #nai-summary) { color:#bdc6ad; }
html.dark .checkout { background:#3d2d31; }
html.dark .checkout strong { color:var(--accent); }
html.dark :is(.checkout p,.checkout>small,.empty-note,footer,#size-status,.reference-filename,.artist-bubble>small,.artist-direction small,.artist-plan>small,.artist-chat-form>div>span,.artist-chat-footer,.studio-tabs>span) { color:var(--muted); }
html.dark :is(.checkout>button,.download-original,.artist-primary,.artist-plan button,.artist-chat-form button) { background:#e9b5c7; color:#472c37; box-shadow:none; border-color:transparent; }
html.dark :is(.checkout>button:not(:disabled):hover,.artist-primary:hover,.artist-plan button:hover,.artist-chat-form button:hover) { background:#f2c6d5; }
html.dark :is(.checkout .price-overview,.artist-bubble,.reference-open) { background:var(--studio-panel); }
html.dark :is(.price-overview td,.price-overview th) { background:var(--studio-field); }
html.dark .price-overview thead th { background:transparent; }
html.dark .canvas { background:radial-gradient(ellipse at 50% 35%,#4a3b302e,transparent 70%),#2c2528; }
html.dark :is(.suggestions button,.step-presets button,.artist-starters button,.artist-direction,.artist-plan,.artist-invite) { background:var(--studio-gold); color:#f8e4b5; }
html.dark .artist-direction:hover { background:#554733; }
html.dark :is(.step-presets button[aria-pressed=true],.add-reference,.artist-toolbar>button,.artist-message.user .artist-bubble) { background:var(--studio-rose); color:#f8dce7; }
html.dark .add-reference small { color:#d4b9c4; }
html.dark :is(.reference-number,.reference-remove) { background:#30282bf0; color:var(--ink); }
html.dark .reference-mode-buttons button { background:var(--studio-field); color:var(--ink); }
html.dark :is(#vibe-options,.reference-mode-buttons button[aria-pressed=true],.batch-progress,.batch-thumb img,.artist-launcher-note) { background:var(--studio-purple); color:#dfc9eb; }
html.dark .drag-over { background:var(--studio-rose); outline-color:#b58ca0; }
html.dark :is(#reference-viewer,#history-viewer,.artist-dialog) { background:var(--studio-panel); color:var(--ink); }
html.dark :is(#reference-viewer,#history-viewer,.artist-dialog)::backdrop { background:#100c11b3; }
html.dark .artist-messages { background:#292327; scrollbar-color:#66515c transparent; }
html.dark .artist-message>img { background:var(--studio-purple); }
html.dark .artist-portrait { background:radial-gradient(#6d53602b,transparent 72%); }
html.dark .artist-chat-form textarea { background:transparent; }
html.dark .studio-tabs button[aria-selected=true] { background:#49333d; color:#f8dce7; box-shadow:none; }
html.dark .artist-launcher-name { background:#30282bf0; color:#dfc9eb; }
html.dark .spinner { border-color:#514146; border-top-color:var(--accent); }
html.dark .pending-fee { color:#e7c38b; }
