body {
  --canvas:#eff5f2; --panel:#fff; --ink:#163732; --muted:#47645c; --line:#c6d9d0;
  --key:#c9ef83; --key-ink:#173729; --secondary:#e9f5dc; --accent:#426b4c;
  --navbar:#143b35; --navink:#f2fff5; --radius:17px;
  --titlefont:"Segoe UI",Arial,sans-serif; --titleweight:740; --tilt:normal;
  background:var(--canvas); color:var(--ink); line-height:1.4;
}
html{scroll-behavior:smooth;scroll-padding-top:15px}
body[data-theme="2"]{--canvas:#10162a;--panel:#192137;--ink:#f3effc;--muted:#c5c4d9;--line:#43465f;--key:#d5c5ff;--key-ink:#281c3e;--secondary:#302a45;--accent:#c7b1fa;--navbar:#0e1222;--navink:#f5f0ff;--radius:20px;--titlefont:Georgia,serif;--titleweight:400}
body[data-theme="3"]{--canvas:#f6eddb;--panel:#fbf4e6;--ink:#342820;--muted:#6b594c;--line:#c5b49d;--key:#ab392a;--key-ink:white;--secondary:#efdfc8;--accent:#a03225;--navbar:#f6eddb;--navink:#30261e;--radius:0px;--titlefont:Georgia,serif}
body[data-theme="4"]{--canvas:#fcf3f5;--panel:#fffafa;--ink:#58394f;--muted:#745b70;--line:#dcc5d4;--key:#79546f;--key-ink:white;--secondary:#f2e3ec;--accent:#8a5d79;--navbar:#f7ecf0;--navink:#55384a;--radius:28px;--titlefont:Georgia,serif;--titleweight:400;--tilt:italic}
body[data-theme="5"]{--canvas:#1c1c1e;--panel:#252527;--ink:#f0ebdf;--muted:#c7c0b0;--line:#53524b;--key:#ece3ce;--key-ink:#272621;--secondary:#34332f;--accent:#e2bc83;--navbar:#141416;--navink:#f3e8d2;--radius:2px;--titlefont:Georgia,serif;--titleweight:400}
body[data-theme="6"]{--canvas:#edf1f2;--panel:#fbfcf6;--ink:#193753;--muted:#486377;--line:#a3b8c4;--key:#1d4778;--key-ink:#fff;--secondary:#dae6ed;--accent:#20517e;--navbar:#17385e;--navink:white;--radius:3px;--titlefont:Bahnschrift,"Segoe UI",sans-serif;--titleweight:600}
body[data-theme="7"]{--canvas:#f6f1e5;--panel:#fffbef;--ink:#3a3b30;--muted:#626451;--line:#d2c5a9;--key:#455d44;--key-ink:#ffffec;--secondary:#ebe7d5;--accent:#785840;--navbar:#f1ead9;--navink:#3d4935;--radius:5px;--titlefont:Georgia,serif;--tilt:italic}
body[data-theme="8"]{--canvas:#e5f4ef;--panel:#f8fffa;--ink:#163f46;--muted:#46686a;--line:#aeccc5;--key:#175e67;--key-ink:white;--secondary:#d1e9e0;--accent:#226c6f;--navbar:#d9efe7;--navink:#183f44;--radius:26px;--titleweight:530}
body[data-theme="9"]{--canvas:#ebdef1;--panel:#fff2d5;--ink:#472952;--muted:#695270;--line:#c3a9ca;--key:#56335e;--key-ink:#fff8fa;--secondary:#ead8e9;--accent:#765080;--navbar:#d9c5e6;--navink:#42294c;--radius:15px;--titlefont:"Trebuchet MS","Segoe UI",sans-serif}
body[data-theme="10"]{--canvas:#eff4e8;--panel:#f8fbee;--ink:#1c3022;--muted:#4d6350;--line:#adbea6;--key:#d1ef6a;--key-ink:#1b321e;--secondary:#e1ead4;--accent:#3a633f;--navbar:#203b2c;--navink:#f5f7e2;--radius:2px;--titlefont:Impact,"Arial Narrow",sans-serif;--titleweight:400;--tilt:italic}
header{height:66px;background:var(--navbar);color:var(--navink);padding:0 max(4vw,calc((100vw - 1350px)/2));border-bottom:1px solid var(--line)}
header .brand{gap:9px}.brand img{width:36px;height:36px}.brand strong{font-size:24px}.brandline{background:currentColor;opacity:.3}.subbrand,.private{color:inherit}.private{font-size:12px}.private:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
header nav{display:flex;gap:25px}header nav a,footer a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}header nav a:hover,footer a:hover{text-decoration:underline}
main{width:min(92%,1350px);margin:28px auto 0}.desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(314px,32%);grid-template-areas:"heading source" "work side";gap:21px 28px;align-items:start}
.heading{grid-area:heading;align-self:center;min-width:0}.heading .eyebrow,.card>.eyebrow{display:none}
.heading h1{font-family:var(--titlefont);font-weight:var(--titleweight);font-style:var(--tilt);font-size:clamp(44px,5.2vw,82px);line-height:.99;letter-spacing:-.059em;margin:0 0 13px;text-wrap:balance}.heading p{max-width:46ch;color:var(--muted);font-size:clamp(15px,1.3vw,19px);line-height:1.5}
.source-panel{grid-area:source;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px}.source-panel h2{margin:0 0 8px;font-size:19px}.source-panel .setup{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px 10px;margin:0}.source-panel label.stature{display:flex;align-items:center;gap:8px}.source-panel .stature input{width:57px;margin:0}.source-panel #effective,.source-panel .setup .check{display:none}
.video-choices{display:flex;align-items:stretch;flex-wrap:wrap;gap:7px;margin-top:12px}.video-choices .open,.video-choices .shoot{justify-content:center;flex:1;white-space:nowrap;padding:8px 10px;min-height:43px;margin:0;border-radius:min(var(--radius),13px);font-size:14px;line-height:1.2;font-weight:700;background:var(--key);color:var(--key-ink);border:1px solid transparent}.video-choices .shoot b{color:inherit;font-size:9px}.video-choices .open b{font-size:17px}.video-choices .open-series{flex-basis:100%;padding:4px 0 0;min-height:28px;border:0;border-radius:0;background:transparent;color:var(--accent);text-align:left;font-weight:600;font-size:13px}.open-series:before{content:"▤";margin-right:7px}
.workspace{grid-area:work;min-width:0;align-self:start}.stage{border-radius:var(--radius) var(--radius) 0 0}.empty{background:var(--panel)}#scene-art{width:100%;height:100%;display:block;object-fit:cover}.stage:not(.loaded) .stagehead{display:none}.workspace:not(.expanded):has(.stage:not(.loaded)) .replay-nav{display:none}
.workspace:not(.expanded) .player,.replay-nav{background:var(--panel);border-color:var(--line);color:var(--ink)}.workspace:not(.expanded) .player{padding:12px 16px;border-radius:0 0 var(--radius) var(--radius)}
.workspace:not(.expanded) .player :is(.rateholder,.scrubhint,#stagecaption,#actionrow small){color:var(--muted)}.workspace:not(.expanded) .player :is(button,select){color:var(--ink);background:var(--secondary);border-color:var(--line)}.workspace:not(.expanded) .player #play{background:var(--key);color:var(--key-ink)}
.workspace:not(.expanded) input[type=range],.desk input[type=checkbox]{accent-color:var(--accent)}.workspace:not(.expanded) .status{padding:13px 4px}.status p{color:var(--muted)}
#metrics{grid-area:side;min-width:0;display:grid;gap:14px}.card,details{background:var(--panel);border-color:var(--line);border-radius:var(--radius);color:var(--ink)}.card{padding:18px}.card+.card{margin:0}.card h2{margin:0 0 9px;font-family:var(--titlefont);letter-spacing:-.045em;font-size:23px}.metric{padding:8px 0;display:flex;min-width:0}.metric strong{font-size:18px}.metric small{font-size:13px}.metric em{font-size:12px;color:var(--muted)}.micon{background:var(--secondary);color:var(--accent);width:32px;height:32px;flex:none;display:grid}
.desk input[type=number],main select{color:var(--ink);background:var(--panel);border-color:var(--line)}.desk #replay,details button{background:var(--secondary);color:var(--ink);border-color:var(--line)}#options .pair{margin:10px 0 0}#options .pair label{color:var(--muted)}summary span,.adjustgrid p{color:var(--muted)}footer{color:var(--muted);border-color:var(--line);margin-bottom:16px}#homeHelp{order:20}.processing-dialog,.camera-dialog,.purchase{color:#163232}
@media(min-width:851px){
  body:is([data-theme="2"],[data-theme="3"],[data-theme="7"],[data-theme="9"]) .desk{grid-template-columns:minmax(285px,34%) minmax(0,1fr);grid-template-areas:"heading work" "source work" "side side";grid-template-rows:auto 1fr auto}
  body:is([data-theme="2"],[data-theme="3"],[data-theme="7"],[data-theme="9"]) .heading{align-self:end;padding:20px 0 4px}
  body:is([data-theme="2"],[data-theme="3"],[data-theme="7"],[data-theme="9"]) #metrics,body[data-theme="8"] #metrics{grid-template-columns:1.4fr 1fr}
  body:is([data-theme="2"],[data-theme="3"],[data-theme="7"],[data-theme="9"],[data-theme="8"]) #metrics>.card:first-child{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
  body:is([data-theme="2"],[data-theme="3"],[data-theme="7"],[data-theme="9"],[data-theme="8"]) #metrics h2{grid-column:1/-1}
  body[data-theme="4"] .heading{text-align:center;justify-self:center} body[data-theme="4"] .heading p{margin-inline:auto}
  body[data-theme="6"] .desk{grid-template-columns:minmax(310px,30%) minmax(0,1fr);grid-template-areas:"source heading" "side work"}
  body[data-theme="8"] .desk{grid-template-columns:minmax(0,1.55fr) minmax(294px,1fr);grid-template-areas:"work heading" "work source" "side side";grid-template-rows:auto 1fr auto}
  body[data-theme="8"] .heading{padding-top:28px}
}
body[data-theme="2"] #scene-art{object-position:70% center}body[data-theme="2"] .heading h1{color:#dfd1ff}
body[data-theme="3"] header,body[data-theme="10"] header{border-bottom:4px solid var(--accent)}body[data-theme="3"] .heading{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:17px 0}
body[data-theme="4"] .stage:not(.loaded){border-radius:70px 70px 0 0}
body[data-theme="5"] .stage:not(.loaded){border-block:9px dashed #b5a98e;outline:3px solid #191817;outline-offset:-2px}
body[data-theme="6"] .heading{background:#183e70;color:#fff;padding:18px 25px;border-left:5px solid #89afcf}body[data-theme="6"] .heading p{color:#d7e7fa}
body[data-theme="7"]{background-image:repeating-linear-gradient(0deg,transparent 0 32px,#bbae8b35 33px,transparent 34px)}body[data-theme="7"] .stage:not(.loaded){border:9px solid #fffcf3;box-shadow:1px 3px 8px #574f3025;transform:rotate(-.55deg)}
body[data-theme="8"] .stage:not(.loaded){border-radius:var(--radius) 5px 0 0}
body[data-theme="9"] .source-panel,body[data-theme="9"] .card{box-shadow:4px 4px 0 #c4a6ce}body[data-theme="9"] .stage:not(.loaded){border-radius:45px 5px 0 0}
body[data-theme="10"] .heading h1{text-transform:uppercase}.workspace.expanded .stage{border:0;transform:none;border-radius:0}
@media(max-width:850px){
 header{padding:0 4%;height:58px}header .subbrand,header .brandline{display:none}header nav{gap:12px}header nav a{font-size:12px}
 main{width:92%;margin-top:22px}.desk{grid-template-columns:1fr;grid-template-areas:"heading" "source" "work" "side";gap:16px}
 .heading h1{font-size:clamp(37px,7.7vw,54px);margin:0 0 8px}.heading p{font-size:15px;max-width:46ch}
 .source-panel{padding:12px 14px}.source-panel h2{display:none}.source-panel .video-choices{margin-top:9px}
 .video-choices .open,.video-choices .shoot{min-height:42px}.video-choices .open-series{min-height:28px}
 #metrics{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
 #metrics .card{margin:0}.card .metric{display:grid;grid-template-columns:28px 1fr;width:100%;padding:9px 0;align-items:center}.metric small{min-height:0}.metric .micon{width:25px;height:25px;font-size:18px}.card .metric strong{font-size:17px}
 .workspace:not(.expanded) .player{padding:10px 12px}.subbrand{display:none}.card{padding:15px}
}
@media(max-width:560px){header nav{display:none}header .private{font-size:11px}.brand strong{font-size:21px}.brand img{width:31px;height:31px}.desk{gap:13px}.workspace:not(.expanded) .player .transport{gap:2px;flex-wrap:wrap}.metric em{font-size:11px}main{margin-top:18px}.card .metric{width:100%}.adjustgrid{grid-template-columns:minmax(0,1fr)}body[data-theme="6"] .heading{padding:14px}body[data-theme="7"] .stage:not(.loaded){border-width:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
main.desk>.intro,main.desk>.layout{display:contents}
main.desk> :not(.intro,.layout){grid-column:1/-1;min-width:0}
body[data-theme] #empty :is(.rink,.emptynote){display:none}
body[data-theme] .brandline,body[data-theme] .subbrand{flex-shrink:0}
.source-panel .setup .check{display:inline-flex;align-items:center;gap:4px;font-size:12px}
header .appearance-choice{margin-left:0}
@media (max-width:850px){header nav{display:none}}