:root{color:#ecf7f3;font-synthesis:none;text-rendering:optimizelegibility;background:#07100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 10%,#1c786529,#0000 28%),#07100f;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:24px 32px 36px}.topbar{justify-content:space-between;align-items:center;min-height:72px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#07100f;background:#6cf7d4;border:1px solid #6cf7d459;border-radius:15px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:850;display:grid;box-shadow:0 0 32px #6cf7d433}.brand h1,.control-panel h2,.stage-placeholder h2{letter-spacing:-.03em;margin:0}.brand h1{font-size:23px}.eyebrow,.panel-label{color:#70b9a8;letter-spacing:.18em;margin:0 0 4px;font-size:10px;font-weight:750}.status-chip{color:#a9bbb7;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:98px;padding:9px 13px;font-size:12px;font-weight:650;display:inline-flex}.status-dot{background:#73807d;border-radius:50%;width:7px;height:7px}.status-running .status-dot{background:#6cf7d4;box-shadow:0 0 12px #6cf7d4}.status-loading .status-dot{background:#ffcb57;animation:1.1s infinite alternate pulse}.status-error .status-dot{background:#ff7168}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px;display:grid}.stage,.control-panel{background:#0c1916d6;border:1px solid #b1dfd31c;box-shadow:0 24px 80px #00000038}.stage{background-color:#020605;background-image:linear-gradient(#0d1d196b 1px,#0000 1px),linear-gradient(90deg,#0d1d196b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:24px;min-height:620px;position:relative;overflow:hidden}.camera-layer,.camera-layer video,.camera-layer canvas{width:100%;height:100%;position:absolute;inset:0}.camera-layer{transition:transform .18s}.camera-layer.mirrored{transform:scaleX(-1)}.camera-layer video,.camera-layer canvas{object-fit:contain}.camera-layer canvas{z-index:2}.stage-placeholder{z-index:3;text-align:center;background:#030a088a;align-content:center;justify-items:center;padding:28px;display:grid;position:absolute;inset:0}.stage-placeholder h2{margin-top:30px;font-size:clamp(24px,3vw,38px)}.stage-placeholder p{color:#8fa39e;max-width:420px;margin:10px 0 0;line-height:1.6}.figure-icon{filter:drop-shadow(0 0 25px #6cf7d447);width:105px;height:190px;position:relative}.figure-icon span{background:#6cf7d4;display:block;position:absolute}.figure-head{border-radius:50%;width:29px;height:29px;top:0;left:38px}.figure-body{border-radius:4px;width:7px;height:76px;top:35px;left:49px}.figure-arms{border-radius:4px;width:77px;height:6px;top:48px;left:14px}.figure-legs{border:6px solid #6cf7d4;border-width:0 6px 6px 0;width:46px;height:70px;top:104px;left:30px;transform:rotate(45deg)skew(-8deg,-8deg);background:0 0!important}.stats-panel{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030a08c2;border:1px solid #ffffff1a;border-radius:15px;gap:8px;padding:8px;display:flex;position:absolute;top:18px;left:18px}.stats-panel div{min-width:70px;padding:6px 9px}.stats-panel span,.stats-panel strong{display:block}.stats-panel span{color:#7f9690;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:9px}.stats-panel strong{color:#d9fff5;font-variant-numeric:tabular-nums;font-size:13px}.control-panel{border-radius:24px;flex-direction:column;gap:28px;min-height:620px;padding:30px 26px 24px;display:flex}.control-panel h2{font-size:26px}.panel-description{color:#8fa39e;margin:12px 0 0;font-size:13px;line-height:1.65}.readiness-list{gap:18px;display:grid}.readiness-item{grid-template-columns:32px 1fr;gap:12px;display:grid}.readiness-icon{color:#6cf7d4;background:#6cf7d40f;border:1px solid #6cf7d433;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.readiness-item strong{color:#dcebe7;margin:1px 0 5px;font-size:13px;display:block}.readiness-item p{color:#6f827d;margin:0;font-size:11px;line-height:1.5}.error-message{color:#ffb1ab;background:#ff716814;border:1px solid #ff716847;border-radius:12px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5}.controls{gap:10px;margin-top:auto;display:grid}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;min-height:48px;font-size:13px;font-weight:750;transition:transform .16s,opacity .16s,border-color .16s}.primary-button{color:#05201a;background:#6cf7d4;border:0;box-shadow:0 12px 30px #6cf7d421}.primary-button.danger{color:#fff1ef;box-shadow:none;background:#c64f49}.secondary-button{color:#b9cac6;background:#ffffff09;border:1px solid #ffffff1f}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.55}.privacy-note{color:#58736c;letter-spacing:.08em;justify-content:center;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.privacy-note span{color:#6cf7d4;font-size:7px}@keyframes pulse{0%{opacity:.45}to{opacity:1}}@media (width<=900px){.app-shell{padding:18px}.workspace{grid-template-columns:1fr}.stage{min-height:min(68vh,620px)}.control-panel{min-height:0}}@media (width<=560px){.app-shell{padding:12px}.topbar{min-height:60px;margin-bottom:10px}.brand-mark{border-radius:13px;width:42px;height:42px}.brand h1{font-size:19px}.eyebrow{display:none}.status-chip{min-width:auto}.stage{border-radius:18px;min-height:55vh}.stats-panel{transform-origin:0 0;gap:0;top:10px;left:10px;transform:scale(.88)}.control-panel{border-radius:18px;padding:24px 20px 20px}}