/* Shared appearance tokens: mode and color are independent of layout. */
[hidden]{display:none!important}
html[data-theme][data-gallery-palette="navy"][data-mode="light"]{--bg:#f0f6fa;--surface:#dfeaf1;--text:#152c3d;--muted:#415c70;--line:#bacddc;--accent:#176879;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="navy"][data-mode="dark"]{--bg:#101a24;--surface:#182632;--text:#edf5fa;--muted:#b4c7d4;--line:#3c5365;--accent:#80dfef;--accent-text:#101a24;color-scheme:dark}
html[data-theme][data-gallery-palette="chalk"][data-mode="light"]{--bg:#faf2f3;--surface:#f1e0e3;--text:#382029;--muted:#71505b;--line:#d7b9c3;--accent:#71343f;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="chalk"][data-mode="dark"]{--bg:#23161e;--surface:#34232c;--text:#fff0f4;--muted:#d8b5c3;--line:#61404f;--accent:#ef9db8;--accent-text:#28121d;color-scheme:dark}
html[data-theme][data-gallery-palette="graphite"][data-mode="light"]{--bg:#f5f6ee;--surface:#e7eadc;--text:#252b18;--muted:#555f42;--line:#c5ceb2;--accent:#466315;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="graphite"][data-mode="dark"]{--bg:#111413;--surface:#1c211d;--text:#f4f5f0;--muted:#b8beb9;--line:#39413b;--accent:#d5ff3f;--accent-text:#111413;color-scheme:dark}
html[data-theme][data-gallery-palette="forest"][data-mode="light"]{--bg:#edf5ef;--surface:#dfece2;--text:#18362a;--muted:#456551;--line:#b6cfbf;--accent:#286644;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="forest"][data-mode="dark"]{--bg:#10251c;--surface:#193629;--text:#f0faf3;--muted:#b6d0be;--line:#416751;--accent:#8ee2ad;--accent-text:#10251c;color-scheme:dark}
html[data-theme][data-gallery-palette="cobalt"][data-mode="light"]{--bg:#eef3ff;--surface:#dfe8fa;--text:#172955;--muted:#4d6287;--line:#bbccee;--accent:#244fb5;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="cobalt"][data-mode="dark"]{--bg:#111b38;--surface:#1b2b50;--text:#f0f4ff;--muted:#b4c6eb;--line:#3c5585;--accent:#94b9ff;--accent-text:#111b38;color-scheme:dark}
html[data-theme][data-gallery-palette="clay"][data-mode="light"]{--bg:#fcf1e9;--surface:#f2e0d3;--text:#462b20;--muted:#785749;--line:#dbbeb0;--accent:#9b452a;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="clay"][data-mode="dark"]{--bg:#2b1d18;--surface:#402b23;--text:#fff3e9;--muted:#d6b7a6;--line:#725244;--accent:#ffb294;--accent-text:#2b1d18;color-scheme:dark}
html[data-theme][data-gallery-palette="violet"][data-mode="light"]{--bg:#f5f0fd;--surface:#e9dff5;--text:#352147;--muted:#695080;--line:#cdbbdd;--accent:#713dae;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="violet"][data-mode="dark"]{--bg:#20162e;--surface:#30233f;--text:#faf0ff;--muted:#cdb7de;--line:#634975;--accent:#d2a6ff;--accent-text:#20162e;color-scheme:dark}
html[data-theme][data-gallery-palette="sand"][data-mode="light"]{--bg:#faf6ed;--surface:#eee5d3;--text:#3c3021;--muted:#72634e;--line:#d1c1a4;--accent:#775524;--accent-text:#ffffff;color-scheme:light}
html[data-theme][data-gallery-palette="sand"][data-mode="dark"]{--bg:#252017;--surface:#383023;--text:#faf5e9;--muted:#d0c1a3;--line:#6e5f44;--accent:#e3c486;--accent-text:#252017;color-scheme:dark}
.appearance-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.appearance-controls label{display:block;font-size:12px;color:var(--muted);min-width:90px}.appearance-controls select{font-size:14px;margin-top:3px;padding:7px 10px}.appearance-controls .gallery-colors{display:block!important;min-width:145px;width:auto}html[data-mode=light] .hero-art:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 82%,transparent) 40%,transparent 90%)}html[data-mode=light] .hero-art>span{color:#fff;background:#152c3ddd;padding:6px 10px;border-radius:4px}html[data-theme=gallery] .hero-art img{object-position:center}#hero-caption{max-width:calc(100% - 40px)}@media(max-width:700px){.appearance-controls{width:100%;gap:8px}.appearance-controls label{flex:1;min-width:90px}.appearance-controls .gallery-colors{min-width:135px}.appearance-controls select{width:100%}#preference-note{display:none}}