/* Harper's cool light studio. Only interface surfaces change; image pixels never do. */
html:not([data-theme="dark"]) {
  color-scheme: light;
  --page:#f7f9ff; --page-2:#edf1fc; --page-3:#e5ebfa;
  --ink:#182037; --ink-2:#53617c; --ink-3:#697791; --ink-4:#d4dced;
  --paper:#ffffff; --blue:#5269a4; --gold:#946728; --privacy:#398566;
  --accent-ink:color-mix(in srgb,var(--accent) 45%,#253044);
  --line:#30383f1c; --quiet-fill:#30383f07;
}
.theme-toggle { width:30px;min-width:30px;padding:0; }
.theme-toggle svg { width:15px;height:15px; }
/* The appearance control is also reachable before the first image is added. */
html:not(.has-prints):not(.in-story) .studio-header { opacity:1;translate:0 0;pointer-events:auto; }
html:not(.has-prints):not(.in-story) .studio-header .model-trigger,
html:not(.has-prints):not(.in-story) .studio-header .header-action:not(.theme-toggle):not(#undo) { display:none; }
html:not(.has-prints):not(.in-story) .studio-header { width:max-content;height:48px;display:flex;gap:18px; }

html:not([data-theme="dark"]) .sky { background:radial-gradient(ellipse at 60% 20%,rgb(var(--accent-rgb) / .055),transparent 62%),var(--page); }
html:not([data-theme="dark"]) .sky .world { opacity:.032;mix-blend-mode:multiply; }
html:not([data-theme="dark"]) .sky .pool { background:radial-gradient(ellipse at 50% 65%,rgb(var(--accent-rgb) / .035),transparent 65%); }
html:not([data-theme="dark"]) .sky .softbox { opacity:.22; }
html:not([data-theme="dark"]) .sky .floor { background:linear-gradient(180deg,transparent,#cedbfa26); }
html:not([data-theme="dark"]) .sky::after { opacity:.032;mix-blend-mode:multiply; }
html:not([data-theme="dark"]) #texture { opacity:.032;mix-blend-mode:multiply; }
html:not([data-theme="dark"]) .grain { opacity:.03;mix-blend-mode:multiply; }
html:not([data-theme="dark"]).dragging .sky .pool { background:radial-gradient(ellipse at 50% 60%,rgb(var(--accent-rgb) / .13),transparent 65%); }
html:not([data-theme="dark"]) .studio-header.notch { background:#ffffffed;border-color:var(--line);box-shadow:0 2px 10px #27303a03; }
html:not([data-theme="dark"]) .brand-dot { color:#68778c; }
html:not([data-theme="dark"]) .header-deck,
html:not([data-theme="dark"]) .studio-header .model-trigger { border-color:var(--line); }
html:not([data-theme="dark"]) .header-action,
html:not([data-theme="dark"]) .header-icon,
html:not([data-theme="dark"]) .studio-header .model-trigger b { color:#535d6b; }
html:not([data-theme="dark"]) .studio-header .model-trigger small,
html:not([data-theme="dark"]) .studio-header .model-chevron,
html:not([data-theme="dark"]) .studio-header #deckPosition,
html:not([data-theme="dark"]) #deckHint.deck-hint { color:#737d88; }
html:not([data-theme="dark"]) .header-action:hover,
html:not([data-theme="dark"]) .header-icon:hover { color:#242c36;background:#343d4b09; }
html:not([data-theme="dark"]) .studio-header .model-trigger:hover { background:transparent; }
html:not([data-theme="dark"]) .studio-header .model-trigger:hover b { color:#242c36; }
html:not([data-theme="dark"]) .studio-header .metal-action { color:#384967;background:#e7eaf1; }
html:not([data-theme="dark"]) .studio-header .metal-action:hover { background:#dde3ee; }
html:not([data-theme="dark"]) .studio-header .tool-settings-trigger { color:var(--accent-ink);background:rgb(var(--accent-rgb) / .12); }
html:not([data-theme="dark"]) .studio-header .tool-settings-trigger:hover { background:rgb(var(--accent-rgb) / .2); }
html:not([data-theme="dark"]) .studio-header #undo { color:#4d5b6e;background:#2c3c5609;box-shadow:none; }
html:not([data-theme="dark"]) .header-clear:hover { color:#a14254; }
html:not([data-theme="dark"]) .studio-header button:focus-visible { outline-color:#607699; }

/* Pale edges and natural contact shadows keep the gallery grounded on paper. */
html:not([data-theme="dark"]) .table .print .sheet,
html:not([data-theme="dark"]) .table .print.free .sheet { background:#ffffff;box-shadow:0 0 0 1px #333b4714,0 10px 26px #343b420e,0 28px 64px #343b420b; }
html:not([data-theme="dark"]) .table .print.deck-back .img-wrap::after { background:#3038460b; }
html:not([data-theme="dark"]) .print-shadow { opacity:.14; }
html:not([data-theme="dark"]) .deck-thumb { background:#ffffff;border-color:#3c485521; }
html:not([data-theme="dark"]) .deck-thumb[aria-pressed=true] { border-color:#62758d; }
html:not([data-theme="dark"]) .deck-thumb i.complete { background:#4b9a72;border-color:#f7f9ff; }
html:not([data-theme="dark"]) .table .print.free .img-wrap { background-color:#f0f3fb;background-image:linear-gradient(45deg,#e2e8f5 25%,transparent 25%),linear-gradient(-45deg,#e2e8f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f5 75%),linear-gradient(-45deg,transparent 75%,#e2e8f5 75%); }
html:not([data-theme="dark"]) .table .print .acts { background:#ffffffe8;border-color:#fff9;box-shadow:0 2px 12px #26314317; }
html:not([data-theme="dark"]) .table .print .pa { color:#485468; }
html:not([data-theme="dark"]) .table .print .pa:hover { color:#253048;background:#33435e10; }
html:not([data-theme="dark"]) .table .print .pa-save { color:#445d9e; }

/* Retain each effect's personality, with inks rather than neon on the light desk. */
html:not([data-theme="dark"]) .tool-title[aria-selected="true"] { text-shadow:none; }
html:not([data-theme="dark"]) .tool-caption { color:#677280; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=cutout] .tool-logo { color:#425c94;text-shadow:1px 2px 0 #a9b8dc,2px 4px 0 #dce1ed; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=cutout] .tool-logo::after { background:#7890bf;box-shadow:0 0 7px #8aa2d844; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=portrait] .tool-logo { color:#805f86;text-shadow:0 1px 0 #fff,0 3px 10px #805f8614; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=backdrop] .tool-logo { color:#ae5a77;text-shadow:0 2px #e5bcc9,0 4px #f0dce2; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=sticker] .tool-logo { color:#bd8032;-webkit-text-stroke:1px #fff6df;filter:drop-shadow(2px 3px 0 #d4ba85);text-shadow:none; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=relight] .tool-logo { background-image:linear-gradient(110deg,#8c612d 5%,#b78941 25%,#e5ba6c 42%,#805221 54%,#c1944b 75%);filter:drop-shadow(0 2px 0 #fff8);text-shadow:none; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=relight] .tool-logo::after { color:#b58b3e;filter:drop-shadow(0 0 5px #dbb36466); }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=upscale] .tool-logo { color:#57588c;text-shadow:1px 2px 0 #b9b9d4,2px 4px 0 #e0e0eb; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=erase] .tool-logo { color:#866783;text-shadow:0 2px #dfcedd; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=depth] .tool-logo,
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=parallax] .tool-logo { color:#357e80;text-shadow:0 2px #a4cbcc,0 4px #d4e4e2; }
html:not([data-theme="dark"]) .wheel .tool-title[data-tool=blur] .tool-logo { color:#727099;text-shadow:1px 2px 0 #d5d1e7,0 0 8px #b9b5d32b; }
html:not([data-theme="dark"]) .lmb { box-shadow:0 0 0 1px #3c44531f,0 3px 6px #333b4614,0 9px 24px #333b4612; }
html:not([data-theme="dark"]) .lmb:hover { box-shadow:0 0 0 1px #3c44532a,0 5px 18px #333b4621; }
html:not([data-theme="dark"]) .lmb-core { background:linear-gradient(180deg,#fcfdff,#edf2ff); }
html:not([data-theme="dark"]) .lmb-label { color:#35404f;text-shadow:0 1px #fff; }
html:not([data-theme="dark"]) .lmb:focus-visible { outline-color:#657d9f; }
html:not([data-theme="dark"]) .lmb-rim { opacity:.64; }

/* Loading and empty states use the same restrained surface vocabulary. */
html:not([data-theme="dark"]) .pill { background:#ffffff;box-shadow:0 0 0 1px #35435916,0 8px 28px #35435908; }
html:not([data-theme="dark"]) .pill:hover { box-shadow:0 0 0 1px #35435927,0 10px 32px #35435912; }
html:not([data-theme="dark"]) .pill .samples { color:#425d96;background:#e6eaf4;box-shadow:none; }
html:not([data-theme="dark"]) .pill .samples:hover { background:#dce3f1; }
html:not([data-theme="dark"]) .model-status,
html:not([data-theme="dark"]) .qchip,
html:not([data-theme="dark"]) .retry { background:#ffffffed;border-color:var(--line);box-shadow:0 8px 32px #26314212; }
html:not([data-theme="dark"]) .model-copy b { color:#354153; }
html:not([data-theme="dark"]) .model-copy>span { color:#6c788b; }
html:not([data-theme="dark"]) .model-progress { background:#27354910; }
html:not([data-theme="dark"]) .model-progress i,
html:not([data-theme="dark"]) .card-busy i { background:var(--accent-ink); }
html:not([data-theme="dark"]) .model-glyph i { border-color:var(--accent-ink); }
html:not([data-theme="dark"]) .card-busy { background:#ffffffed;color:#3c4961;border-color:#fff9; }
html:not([data-theme="dark"]) .retry button:hover,
html:not([data-theme="dark"]) .retry button:focus-visible { background:var(--quiet-fill); }

/* Settings are fully themed, including controls loaded by individual tools. */
html:not([data-theme="dark"]) .model-dialog { color:var(--ink);background:#ffffff;border-color:#323c4b21;box-shadow:0 24px 100px #27303f29; }
html:not([data-theme="dark"]) .model-dialog::backdrop { background:#4f556040;backdrop-filter:blur(10px); }
html:not([data-theme="dark"]) .model-eyebrow,
html:not([data-theme="dark"]) .model-emblem,
html:not([data-theme="dark"]) .model-option[aria-pressed=true] .model-check { color:var(--accent-ink);text-shadow:none; }
html:not([data-theme="dark"]) .model-dialog-head button { color:#677488;border-color:var(--line);background:var(--quiet-fill); }
html:not([data-theme="dark"]) .model-dialog #modelIntro,
html:not([data-theme="dark"]) .model-option-copy>span { color:#657083; }
html:not([data-theme="dark"]) .model-storage,
html:not([data-theme="dark"]) .model-footnote,
html:not([data-theme="dark"]) .device-readiness,
html:not([data-theme="dark"]) .tool-settings-footer>span { color:#748092; }
html:not([data-theme="dark"]) .model-option { background:#fff6;color:#364154;border-color:var(--line); }
html:not([data-theme="dark"]) .model-option:hover { background:#fff;border-color:#46557040; }
html:not([data-theme="dark"]) .model-option[aria-pressed=true] { background:rgb(var(--accent-rgb) / .1);border-color:color-mix(in srgb,var(--accent) 55%,#8893a5); }
html:not([data-theme="dark"]) .tool-settings-footer { border-color:var(--line); }
html:not([data-theme="dark"]) .tool-settings-footer button { color:#f9fafc;background:#4c5b72;border-color:#4c5b72; }
html:not([data-theme="dark"]) .tool-settings-footer button:hover { background:#394a63; }
html:not([data-theme="dark"]) .bd-settings { color:#465366; }
html:not([data-theme="dark"]) .bd-source { background:#eaf0ff;border-color:transparent; }
html:not([data-theme="dark"]) .bd-source button,
html:not([data-theme="dark"]) .bd-setting-row>span,
html:not([data-theme="dark"]) .bd-finish button,
html:not([data-theme="dark"]) .bd-fit button { color:#6f7885; }
html:not([data-theme="dark"]) .bd-source button[aria-pressed=true] { background:#ffffff;color:#364255;box-shadow:0 1px 4px #26303b0b; }
html:not([data-theme="dark"]) .bd-presets button { border-color:#ffffff;box-shadow:0 0 0 1px #3b465722; }
html:not([data-theme="dark"]) .bd-presets button[aria-pressed=true] { box-shadow:0 0 0 1.5px #65768d; }
html:not([data-theme="dark"]) .bd-color-well input::-webkit-color-swatch { border-color:#3b465722; }
html:not([data-theme="dark"]) .bd-hex-label,
html:not([data-theme="dark"]) .bd-setting-row,
html:not([data-theme="dark"]) .bd-uploaded { border-color:var(--line); }
html:not([data-theme="dark"]) .bd-hex { color:#46546b; }
html:not([data-theme="dark"]) .bd-hex-label:focus-within { border-color:#607798; }
html:not([data-theme="dark"]) .bd-finish button[aria-pressed=true],
html:not([data-theme="dark"]) .bd-fit button[aria-pressed=true] { color:#3d4b61;background:#e7edfc;border-color:#37465e14; }
html:not([data-theme="dark"]) .bd-upload { background:#f0f4ff5c;color:#4b5d77;border-color:#50607740; }
html:not([data-theme="dark"]) .bd-upload:hover { background:#e8efff;border-color:#50607765; }
html:not([data-theme="dark"]) .bd-upload-icon,
html:not([data-theme="dark"]) .bd-remove { background:#3d4c6209;color:#677b97; }
html:not([data-theme="dark"]) .bd-replace { color:#506a96; }
html:not([data-theme="dark"]) .bd-fit-note,
html:not([data-theme="dark"]) .bd-settings-note,
html:not([data-theme="dark"]) .bd-upload>span:last-child,
html:not([data-theme="dark"]) .bd-image-size,
html:not([data-theme="dark"]) .bd-hex-label>span { color:#707e90; }
html:not([data-theme="dark"]) .bd-hex[aria-invalid=true],
html:not([data-theme="dark"]) .bd-settings-error { color:#a3465f; }
html:not([data-theme="dark"]) .bd-settings button:focus-visible,
html:not([data-theme="dark"]) .bd-settings input[type=color]:focus-visible { outline-color:#627b9c; }
html:not([data-theme="dark"]) .erase-stroke-actions button { border-color:var(--line);background:var(--quiet-fill); }
html:not([data-theme="dark"]) .erase-stroke-actions button:hover:not(:disabled) { background:#33435d10; }
html:not([data-theme="dark"]) .erase-size input { accent-color:#6d789d; }

/* Learning chapters continue the paper surface instead of fading into black. */
html:not([data-theme="dark"]) .story { --a:var(--accent-ink);background:linear-gradient(180deg,transparent 0,#f7f9ffc9 60vh,#f7f9ffef 100%); }
html:not([data-theme="dark"]) .cart { background:linear-gradient(180deg,#ffffff,#edf1fc);box-shadow:0 0 0 1px #303c5114,0 14px 40px #303c511a; }
html:not([data-theme="dark"]) .choices li { border-color:var(--line); }
html:not([data-theme="dark"]) .choices .use,
html:not([data-theme="dark"]) .loc-acts button { background:var(--quiet-fill);box-shadow:inset 0 0 0 1px var(--line); }
html:not([data-theme="dark"]) .choices .use:hover,
html:not([data-theme="dark"]) .loc-acts button:hover { background:#35445a10; }
html:not([data-theme="dark"]) .loc-acts .keep { background:rgb(var(--accent-rgb) / .15); }
html:not([data-theme="dark"]) .model-hold { color:#95692e; }
html:not([data-theme="dark"]) .story-end .try { background:#43516b;color:#fafaf8;box-shadow:0 8px 24px #33405b16; }
html:not([data-theme="dark"]) .story-end .try:hover { background:#34435d; }
html:not([data-theme="dark"]) .story-dp img,
html:not([data-theme="dark"]) .story-dp canvas { box-shadow:0 0 0 6px var(--paper),0 18px 40px -20px #2f3d534d; }
@media(max-width:719px) {
  .header-actions .theme-toggle { width:27px;min-width:27px; }
  html:not(.has-prints):not(.in-story) .studio-header { max-width:calc(100vw - 24px); }
}
@media(max-width:719px) {
  .header-actions .theme-toggle { position:absolute;top:8px;right:12px; }
  .studio-header .header-deck { padding-right:35px; }
  html:not(.has-prints):not(.in-story) .header-actions .theme-toggle { position:static; }
}
html:not([data-theme="dark"]) .deck-rail,
html:not([data-theme="dark"]).deck-expanded .deck-rail { background:#ffffffbb;border-color:#35435412;box-shadow:0 2px 10px #35435403; }
html:not([data-theme="dark"]) .deck-thumb[aria-pressed=true] { box-shadow:0 0 0 1px var(--accent-ink);border-color:var(--accent-ink); }