:root{color:#14202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef3f6;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{background:linear-gradient(#ffffffc7,#eef3f6eb),#eef3f6;grid-template-rows:auto minmax(0,1fr) auto;min-height:100svh;display:grid}.topbar,.control-deck{box-sizing:border-box;width:min(1440px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:18px;padding:18px 22px 14px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#081019;background:#ffd166;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 12px 24px #49340824}.brand h1{color:#111827;margin:0;font-size:24px;font-weight:780;line-height:1}.brand p{color:#536170;white-space:nowrap;text-overflow:ellipsis;max-width:54vw;margin:5px 0 0;font-size:13px;line-height:1.2;overflow:hidden}.toolbar,.settings,.readouts{align-items:center;gap:10px;display:flex}button,select{font:inherit}button{color:#14202b;cursor:pointer;background:#ffffffd6;border:1px solid #c9d3dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 8px 18px #19232d14}button:hover{background:#fff;border-color:#8ea2b2;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #58d3ff73}button.primary{color:#061017;background:#ffd166;border-color:#f0bd46}.stage-wrap{width:min(1440px,100% - 28px);min-height:0;margin:0 auto;display:grid}.camera-stage{touch-action:none;background:radial-gradient(circle at 20% 0,#58d3ff2e,#0000 28%),linear-gradient(135deg,#111827,#252b35 48%,#1c332d);border:1px solid #08101929;border-radius:8px;height:min(72svh,820px);min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 60px #121b262e,inset 0 1px #ffffff1a}video,.tracking-canvas{width:100%;height:100%;position:absolute;inset:0}video{object-fit:cover;background:#090f17}video.mirrored{transform:scaleX(-1)}.tracking-canvas{z-index:2;cursor:crosshair}.idle-panel{z-index:3;color:#edf7fb;text-align:center;background:#070d148a;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.idle-panel svg{color:#58d3ff;margin:0 auto}.idle-panel strong{font-size:20px}.control-deck{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:14px;padding:14px 22px 18px;display:grid}.readouts,.settings{background:#ffffffc2;border:1px solid #8ea2b257;border-radius:8px;min-height:56px;padding:9px;box-shadow:0 10px 26px #19232d12}.readouts{flex-wrap:wrap}.readouts span{color:#536170;white-space:nowrap;background:#eef5f7;border-radius:999px;align-items:baseline;gap:5px;min-height:30px;padding:0 10px;font-size:12px;display:inline-flex}.readouts strong{color:#111827;font-size:16px}.settings{flex-wrap:wrap;justify-content:flex-end}.settings label{color:#384656;white-space:nowrap;align-items:center;gap:8px;min-height:36px;font-size:13px;display:inline-flex}.settings label>svg{color:#137d8f;flex:none}.settings strong{color:#111827;text-align:right;width:26px}input[type=range]{accent-color:#137d8f;width:120px}select{color:#14202b;background:#fff;border:1px solid #c9d3dc;border-radius:8px;min-height:34px;padding:0 28px 0 10px}.switch input{accent-color:#137d8f;width:18px;height:18px}@media (width<=920px){.topbar{flex-direction:column;align-items:flex-start;padding:14px}.brand p{max-width:calc(100vw - 92px)}.toolbar{width:100%}.toolbar button{flex:1 1 0}.stage-wrap{width:calc(100% - 16px)}.camera-stage{height:62svh;min-height:330px}.control-deck{grid-template-columns:1fr;padding:10px 8px 14px}.settings{justify-content:flex-start}.settings label{flex:210px}input[type=range]{flex:auto;width:auto;min-width:90px}}@media (width<=520px){.brand h1{font-size:21px}.toolbar button span{display:none}.camera-stage{height:58svh;min-height:300px}.readouts,.settings{align-items:stretch}.readouts span{flex:calc(50% - 6px);justify-content:center}}