@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f3f4ee;--card:#fbfcf7;--ink:#263229;--muted:#7b8378;--line:#dfe3d8;--green:#c4ee81;--bright:#baf264;--deep:#1e3022;--body:#b9f16c;--hands:#66d7f1;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans','Avenir Next',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #719940;outline-offset:4px}button{transition:background .18s,transform .18s,opacity .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:76px minmax(0,1fr)}.rail{position:fixed;inset:0 auto 0 0;width:76px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:27px 0;background:var(--paper);z-index:3}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--bright);border-radius:12px}.brand-mark svg{width:32px;height:32px}.rail-label{font:9px var(--mono);color:#8d9588;writing-mode:vertical-rl;letter-spacing:2px;margin:42px 0 35px}.rail-button{width:42px;height:44px;border:0;border-radius:12px;background:#e3e9db;color:#52634e;display:grid;place-items:center}.rail-button svg{width:23px;height:23px}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:9px;font:8px var(--mono);color:#8c9588;letter-spacing:1px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#83a96c}main{grid-column:2;padding:0 clamp(24px,3vw,54px);max-width:1840px;width:100%;margin:auto}.topbar{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.2px}.wordmark>span{font-weight:400;font-size:13px;color:#92998b;letter-spacing:-.1px;margin-left:18px}.top-actions{display:flex;gap:22px;align-items:center}.local-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d8676}.local-pill>span{width:5px;height:5px;border-radius:50%;background:#769c60}.icon-button{background:transparent;border:0;display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.icon-button:hover{background:#e8ecdf}.session-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 30px}.eyebrow{font:9px var(--mono);font-weight:400;letter-spacing:1.7px;color:#6d7963;display:flex;align-items:center;gap:7px}.tiny-square{display:inline-block;width:5px;height:5px;background:#7e9464}.session-header h1{font-size:clamp(27px,2.3vw,39px);line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:10px 0 8px}.session-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.mobile-break{display:none}.session-header-right{display:flex;align-items:center;gap:20px;padding-top:14px}.status-pill{padding:7px 10px;background:#e7ebdf;border-radius:5px;font-size:10px;color:#75836b;white-space:nowrap}.status-pill.running{color:#466331;background:#e0edcf}.status-pill.paused{background:#f4e7ce;color:#8c6b38}.session-clock{display:flex;align-items:center;gap:8px;min-width:76px;font:17px var(--mono);letter-spacing:-.5px}.session-clock>span:first-child{width:6px;height:6px;border-radius:50%;background:#bcc4b4}.session-clock>span.recording{background:#d35948;box-shadow:0 0 0 3px #d3594815;animation:recordPulse 2s infinite}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.capture-column{min-width:0}.camera-card{background:#202823;border-radius:14px;overflow:hidden;color:#d6dfd2;box-shadow:0 5px 14px #20322506}.camera-topline{height:47px;border-bottom:1px solid #ffffff0c;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-source{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.1px;min-width:0}.camera-source>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.status-led{width:5px;height:5px;border-radius:50%;background:#687569;flex-shrink:0}.status-led.live{background:#b8ee76;box-shadow:0 0 7px #b8ee7655}.camera-top-right{display:flex;align-items:center;gap:13px}.camera-top-right>span{font:8px var(--mono);color:#889184;letter-spacing:.7px}.camera-tool{width:23px;height:24px;background:none;border:0;color:#879481;display:grid;place-items:center;padding:0}.camera-tool:hover{color:#d8e9cf}.camera-tool svg{width:15px;height:15px}.camera-stage{aspect-ratio:16/10;position:relative;overflow:hidden;background:#19211c;background-image:radial-gradient(ellipse at 50% 40%,#29362a55,transparent 65%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera-stage video{opacity:0}.camera-stage.has-camera video{opacity:1}.camera-stage.has-camera{background:#101610;aspect-ratio:var(--video-ratio,16/10)}.mirrored{transform:scaleX(-1)}#overlay{z-index:1;pointer-events:none}#overlay.adjusting{pointer-events:all;cursor:crosshair;touch-action:none}.camera-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.viewfinder-corner{position:absolute;width:19px;height:19px;border-color:#8a987842;border-style:solid;z-index:2;pointer-events:none}.viewfinder-corner.tl{left:22px;top:22px;border-width:1px 0 0 1px}.viewfinder-corner.tr{right:22px;top:22px;border-width:1px 1px 0 0}.viewfinder-corner.bl{left:22px;bottom:22px;border-width:0 0 1px 1px}.viewfinder-corner.br{right:22px;bottom:22px;border-width:0 1px 1px 0}.camera-stage.has-camera .viewfinder-corner{display:none}.camera-placeholder{height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 10px;position:relative;z-index:2}.placeholder-illustration{position:relative;width:177px;margin:0 0 20px}.placeholder-illustration svg{width:177px;height:106px}.placeholder-illustration .desk{stroke:#65755e;stroke-width:1}.placeholder-illustration .bottle{stroke:#8d9d7b;fill:#adbd9030;stroke-width:1.2}.placeholder-illustration .cap{stroke:#a1b381;fill:#829c6540}.placeholder-illustration .can{stroke:#a9c18b;fill:#a9c18b1a;stroke-width:1.2}.placeholder-illustration .can-top{stroke:#b2c995;fill:#344332;stroke-width:1}.placeholder-illustration .line{stroke:#a4bd83;stroke-width:1}.placeholder-illustration .scan{stroke:#b6db82;stroke-width:1;opacity:.6}.illustration-cross{position:absolute;font:14px var(--mono);color:#56664f}.c1{left:7px;top:45px}.c2{right:2px;top:10px}.placeholder-kicker{font:8px var(--mono);color:#8c9e80;letter-spacing:1.8px}.camera-placeholder h2{font-size:30px;font-weight:400;letter-spacing:-1px;color:#edf4e6;margin:13px 0 9px}.camera-placeholder p{font-size:12px;line-height:1.7;color:#96a58b;margin:0 0 23px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bright);color:#23361c;border:1px solid transparent;border-radius:7px;padding:13px 17px;font-size:12px;font-weight:600;min-height:43px}.primary-button:hover:not(:disabled){background:#acf04c}.primary-button>svg{width:17px;height:17px}.camera-placeholder .primary-button{padding:12px 17px;min-width:185px}.camera-placeholder .primary-button>svg:last-child{width:16px;margin-left:10px}.camera-privacy{font-size:9px;color:#77856f;margin-top:12px}.camera-controls{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid #ffffff09;gap:10px}.overlay-toggles{display:flex;align-items:center;gap:14px}.layer-toggle{border:0;background:none;padding:0;display:flex;align-items:center;gap:6px;font-size:10px;color:#8a9781}.layer-toggle.active{color:#c8d4bd}.layer-toggle>span{height:5px;width:5px;border-radius:50%;opacity:.25}.layer-toggle.active>span{opacity:1}.body-dot{background:var(--body)}.hand-dot{background:var(--hands)}.no-face{font:8px var(--mono);color:#75836b;letter-spacing:.4px}.camera-controls-right{display:flex;gap:15px;align-items:center}.stage-top-overlay{position:absolute;top:16px;left:17px;right:17px;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:8px}.tracking-badge{display:flex;align-items:center;gap:6px;background:#19251dd6;border:1px solid #b1e38a22;padding:7px 8px;font:8px var(--mono);color:#c1dca9;border-radius:4px}.tracking-badge>span:first-child{width:4px;height:4px;background:#a1d078;border-radius:50%}.zone-button{background:#19251dd6;color:#d1dccc;border:1px solid #b1e38a22;border-radius:4px;padding:5px 8px;font-size:9px;display:flex;align-items:center;gap:5px}.zone-button svg{width:12px;height:12px}.zone-button.active{background:#e7d574;color:#2f3021}.stage-bottom-overlay{position:absolute;bottom:17px;left:18px;right:18px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:10px;pointer-events:none}.stage-bottom-overlay>span:first-child{font-size:10px;color:#e1e9da;background:#172019ba;padding:5px 8px;border-radius:3px;max-width:70%}.mirror-label{font:7px var(--mono);letter-spacing:1px;color:#d5e0cd;background:#1720199c;padding:5px 7px;border-radius:3px}.stage-message{position:absolute;left:20px;right:20px;bottom:58px;padding:12px 15px;background:#fff1dcf2;border:1px solid #e8c483;border-radius:7px;color:#66502c;font-size:11px;line-height:1.6;z-index:4;text-align:center}.completion-overlay{position:absolute;inset:0;z-index:5;background:#1b2a20ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backdrop-filter:blur(8px);padding:20px}.completion-symbol{width:57px;height:57px;border:1px solid #b7ed7c4f;border-radius:50%;background:#b7ed7c18;display:grid;place-items:center;margin-bottom:24px}.completion-symbol svg{color:var(--bright);width:28px;height:28px}.completion-overlay .eyebrow{color:#a8c190}.completion-overlay h2{font-size:34px;font-weight:400;letter-spacing:-1px;color:#eef7e5;margin:11px 0 6px}.completion-overlay p{font-size:12px;line-height:1.7;color:#a1b594;margin-bottom:23px}.telemetry-strip{display:grid;grid-template-columns:1.15fr 1.12fr .85fr;border:1px solid var(--line);border-radius:9px;padding:18px 0;margin-top:14px;background:#f8f9f3}.telemetry-strip>div{display:flex;align-items:center;gap:9px;padding:0 17px;border-right:1px solid var(--line);min-width:0}.telemetry-strip>div:last-child{border:0;justify-content:space-between}.telemetry-icon{width:29px;height:29px;display:grid;place-items:center;background:#e9efdf;border-radius:6px;flex-shrink:0;color:#7b9060}.telemetry-icon.hand{background:#e6eeec;color:#789b97}.telemetry-icon svg{width:17px;height:17px}.telemetry-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.telemetry-copy>span{font-size:9px;color:#8a9381}.telemetry-copy strong{font-size:10px;font-weight:500;white-space:nowrap}.telemetry-copy strong small{font-size:9px;font-weight:400;color:#919d86}.tiny-wave{height:23px;display:flex;gap:3px;align-items:center;opacity:.55}.tiny-wave i{height:5px;width:2px;background:#8ba467}.tiny-wave i:nth-child(2),.tiny-wave i:nth-child(6){height:11px}.tiny-wave i:nth-child(3),.tiny-wave i:nth-child(5){height:16px}.tiny-wave i:nth-child(4){height:22px}.activity-panel{margin-top:24px;padding:0 2px}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-topline h2{font-size:12px;font-weight:500;margin:0}.mono-label{font:8px var(--mono);color:#9a9f91;letter-spacing:.6px}.activity-log{margin-top:14px;max-height:122px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ced8c2 transparent}.activity-empty{font-size:11px;color:#969f8d;padding:9px 0}.activity-empty span{margin-right:9px;color:#a3af97;font:16px var(--mono)}.activity-entry{display:flex;gap:12px;align-items:baseline;font-size:10px;line-height:1.55;padding:7px 0;border-top:1px solid #e5e8df}.activity-entry:first-child{border-top:0}.activity-entry time{font:8px var(--mono);color:#9aA58f;white-space:nowrap;flex-shrink:0}.activity-entry span{color:#7e8b75}.activity-entry.success span{color:#4d7331}.activity-entry.error span{color:#9f6946}.guidance-column{display:flex;flex-direction:column;gap:14px}.guide-card{border:1px solid #dce4d3;background:#eaf0e0;border-radius:12px;padding:17px 21px 18px;overflow:hidden;position:relative}.guide-topline{display:flex;justify-content:space-between;align-items:center}.guide-topline .eyebrow{font-size:8px;color:#89987b;letter-spacing:1.3px}.guide-topline .icon-button{color:#6f845c;width:26px;height:26px}.guide-topline svg{width:16px;height:16px}.voice-orb{height:55px;display:flex;align-items:center;gap:4px;margin:12px 0 14px}.voice-orb>span{display:block;width:4px;border-radius:3px;background:#759255;height:8px;transition:height .25s;opacity:.65}.voice-orb>span:nth-child(2),.voice-orb>span:nth-child(8){height:14px;background:#8aa561}.voice-orb>span:nth-child(3),.voice-orb>span:nth-child(7){height:25px;background:#789650}.voice-orb>span:nth-child(4),.voice-orb>span:nth-child(6){height:39px;background:#6a8547}.voice-orb>span:nth-child(5){height:49px;background:#557038}.voice-orb.speaking>span{animation:voiceWave .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*.08s);opacity:.9}.voice-orb>span:nth-child(2){--i:2}.voice-orb>span:nth-child(3){--i:5}.voice-orb>span:nth-child(4){--i:3}.voice-orb>span:nth-child(5){--i:1}.voice-orb>span:nth-child(6){--i:4}.voice-orb>span:nth-child(7){--i:6}.voice-orb>span:nth-child(8){--i:2}.voice-orb>span:nth-child(9){--i:5}.guide-state{display:block;font:7px var(--mono);letter-spacing:1.5px;color:#8c9b7d}.guide-card h2{font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.9px;margin:10px 0 13px;max-width:260px}.guide-card>p{color:#849075;font-size:11px;line-height:1.8;min-height:58px;margin:0}.guide-actions{border-top:1px solid #d9e3cb;margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:5px}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;padding:3px 0;color:#7b8e68;background:none;border:0;font-weight:500}.text-button svg{width:13px;height:13px}.text-button:hover{color:#34502b}.text-button.light{color:#9cae8e}.mic-button{width:27px;height:27px;display:grid;place-items:center;background:#dde7d1;border:0;border-radius:50%;color:#859971}.mic-button svg{width:14px;height:14px}.mic-button[aria-pressed=true]{background:#b2d78d;color:#365424;box-shadow:0 0 0 4px #b7d09933}.guide-card>.voice-command-hint{min-height:0;font-size:9px;margin:10px 0 0;line-height:1.5}.sequence-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:19px 20px 0}.sequence-count{font:9px var(--mono);color:#8c9781}.sequence-list{margin:15px 0 18px}.sequence-item{display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:start;position:relative;padding:7px 0 16px}.sequence-item:not(:last-child):after{content:'';position:absolute;left:12px;top:33px;bottom:-5px;width:1px;background:#e4e8df}.step-number{height:25px;width:25px;border-radius:50%;display:grid;place-items:center;font:8px var(--mono);background:#eef0e9;color:#9aa68d;border:1px solid #e0e6d8}.sequence-item.current .step-number{border:1px solid #b9cb9c;background:#e6eedb;color:#658044}.sequence-item.done .step-number{background:#dceabf;border-color:#c3d7a8;color:#557333}.step-copy strong{font-size:11px;font-weight:500;display:block;padding-top:2px;color:#66735d;text-transform:capitalize}.step-copy p{font-size:9px;color:#a1aa98;line-height:1.55;margin:4px 0 0}.sequence-item.current .step-copy strong{color:#3f5135}.step-state{align-self:center;font:7px var(--mono);letter-spacing:.7px;color:#acb3a6}.sequence-item.current .step-state{color:#809365}.sequence-item.done .step-state{color:#65853f}.sequence-footnote{padding:12px 0;border-top:1px solid #e9ece3;font-size:8px;color:#96a18a;display:flex;align-items:center;gap:6px}.sequence-footnote svg{width:13px;height:13px;color:#8eaa6d}.model-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:#f7f8f1}.model-mark{width:29px;height:29px;display:grid;place-items:center;color:#8c9b7b;border:1px solid #dce3d2;border-radius:7px;background:#eff2e7}.model-mark svg{width:20px;height:20px;stroke-width:1}.model-card>div:nth-child(2){flex:1}.model-card strong{font-size:11px;display:flex;align-items:center;gap:7px;font-weight:500}.model-tag{font:6px var(--mono);letter-spacing:.7px;padding:3px 4px;border:1px solid #dce3d4;border-radius:3px;color:#93a37f}.model-card p{font-size:8px;color:#9aa28f;margin:4px 0 0}.model-led{width:5px;height:5px;border-radius:50%;background:#c6cfbc}.model-led.ready{background:#89ad5d;box-shadow:0 0 0 3px #96b46910}.model-led.checking{background:#b7cb76;animation:recordPulse 1s infinite}.model-led.error{background:#cf9469}.capture-actions{margin-top:3px}.start-button{width:100%;justify-content:flex-start;background:var(--deep);color:#d1e8b5;border-radius:7px}.start-button:hover:not(:disabled){background:#294331}.start-button:disabled{background:#e2e8d8;color:#9ca88c}.start-button>svg{margin-left:auto;width:15px}.button-record-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.save-note{text-align:center;color:#99a28e;font-size:8px;line-height:1.7;margin:10px 0 0}.running-controls{display:flex;gap:9px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--card);border:1px solid #d8dfcf;border-radius:7px;font-size:11px;padding:11px 14px;min-height:40px}.secondary-button:hover{background:#ebf0e2}.secondary-button svg{width:14px;height:14px}.running-controls .secondary-button{flex:1}.finish-button>span{width:6px;height:6px;background:#9a705e;border-radius:1px}.export-controls{display:flex;gap:8px;flex-wrap:wrap}.export-controls .secondary-button{flex:1;font-size:10px;padding:10px 6px;white-space:nowrap}.export-controls>.text-button{width:100%;padding:7px 0 2px}.studio-footer{border-top:1px solid var(--line);margin:35px 0 0;padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#9da592;font-size:9px}.studio-footer>div{display:flex;align-items:center;gap:17px}.footer-logo{font-size:18px;letter-spacing:-.8px;font-weight:600;color:#6e7d61}.footer-right{font:7px var(--mono);letter-spacing:1px;display:flex;gap:10px}.footer-right>span{color:#bcc5b0}
dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:26px;color:var(--ink);box-shadow:0 25px 80px #15201530;max-height:90vh}dialog::backdrop{background:#1321166b;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-top h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:8px 0 0}dialog label{display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:8px;margin:17px 0}dialog label>span{font-size:9px;font-weight:400;color:#8f9a82}dialog select,dialog textarea{width:100%;background:#fafbf5;border:1px solid #d7decf;border-radius:6px;padding:10px;font-size:12px;color:#637454}dialog textarea{resize:vertical;font:12px/1.7 var(--mono)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-explainer{font-size:10px;line-height:1.7;color:#8a967e}.checkbox-label{flex-direction:row!important;align-items:center;font-weight:400!important}.checkbox-label input{accent-color:#779c4e;width:15px;height:15px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.settings-error{font-size:11px;color:#a36843}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:min(500px,90vw);padding:13px 20px;background:#293d2e;color:#e8f4dc;border:1px solid #627454;border-radius:9px;box-shadow:0 8px 25px #15251620;z-index:99;font-size:12px;line-height:1.6}
@keyframes voiceWave{to{transform:scaleY(.45)}}@keyframes recordPulse{50%{opacity:.45}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.camera-card,.guide-card,.sequence-card{animation:enter .5s ease-out both}.guide-card{animation-delay:.08s}.sequence-card{animation-delay:.14s}
@media(min-width:1650px){.workspace{grid-template-columns:minmax(0,1fr) 365px;gap:30px}.guide-card{padding:23px 26px}.guide-card h2{font-size:34px}.guide-card>p{font-size:12px}.voice-orb{margin:22px 0}.sequence-card{padding:23px 26px 0}.sequence-item{padding-bottom:25px}.sequence-list{margin-top:20px}.camera-placeholder h2{font-size:39px}.camera-placeholder p{font-size:14px}.camera-placeholder .primary-button{padding:15px 23px}.placeholder-illustration{width:200px}.placeholder-illustration svg{width:200px;height:120px}.camera-placeholder{padding:45px 10px}.camera-stage{aspect-ratio:16/9}}
@media(max-width:1150px){main{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 286px;gap:16px}.camera-stage{aspect-ratio:4/3}.guide-card{padding:15px 17px}.guide-card h2{font-size:26px}.guide-card>p{font-size:10px}.voice-orb{margin:8px 0;height:48px}.sequence-card{padding:17px 17px 0}.session-header h1{font-size:28px;letter-spacing:-1px}.session-header-right{gap:12px;flex-direction:column;align-items:flex-end;padding:0}.session-clock{min-width:0;font-size:15px}.telemetry-strip>div{padding:0 11px;gap:7px}.telemetry-icon{display:none}.tiny-wave{display:none}.camera-top-right>span{font-size:7px}.camera-topline{padding:0 13px}.camera-controls{padding:0 12px}.layer-toggle{font-size:9px}.no-face{font-size:7px}.footer-right{font-size:6px;letter-spacing:.4px;gap:6px}}
@media(max-width:900px){.app-shell{grid-template-columns:60px 1fr}.rail{width:60px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:13px}main{padding:0 20px}.camera-stage{aspect-ratio:auto;height:420px}.camera-stage.has-camera{aspect-ratio:var(--video-ratio,4/3);height:auto;min-height:310px}.placeholder-illustration{width:145px;margin-bottom:17px}.placeholder-illustration svg{width:145px;height:87px}.placeholder-kicker{font-size:6px}.camera-placeholder h2{font-size:25px}.camera-placeholder p{font-size:11px}.camera-top-right>span{display:none}.camera-source{font-size:8px}.session-header h1{font-size:25px}.session-header p{font-size:11px}.local-pill{display:none}.guide-card h2{font-size:24px}.sequence-footnote{font-size:7px}.telemetry-strip{padding:14px 0}.telemetry-copy>span{font-size:8px}.telemetry-copy strong{font-size:9px}.stage-top-overlay{left:9px;right:9px;top:10px}.tracking-badge{font-size:7px}.zone-button{font-size:8px}.mirror-label{display:none}.stage-bottom-overlay>span:first-child{max-width:100%;font-size:8px}.camera-controls-right .no-face{display:none}.overlay-toggles{gap:10px}.footer-right{display:none}.session-header .eyebrow{font-size:8px}.completion-overlay h2{font-size:26px}}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.rail{display:none}main{grid-column:1;padding:0 20px}.topbar{height:72px}.wordmark{font-size:26px}.wordmark>span{font-size:12px;margin-left:12px}.session-header{padding:26px 0 23px;align-items:flex-start}.session-header h1{font-size:28px;line-height:1.12;margin-top:11px}.mobile-break{display:block}.session-header p{font-size:11px;max-width:260px}.session-header-right{padding-top:1px;gap:14px}.status-pill{font-size:8px;padding:6px 7px}.session-clock{font-size:13px}.workspace{grid-template-columns:1fr;gap:22px}.camera-stage{height:auto;aspect-ratio:16/11;min-height:350px}.camera-stage.has-camera{aspect-ratio:var(--video-ratio,4/3);min-height:0}.camera-placeholder{min-height:350px}.placeholder-illustration{margin-bottom:13px}.camera-placeholder h2{font-size:28px}.camera-source{font-size:9px}.camera-top-right>span{display:block;font-size:7px}.guidance-column{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}.guide-card{grid-row:span 2;padding:16px}.guide-card h2{font-size:24px}.guide-card>p{font-size:10px;min-height:0}.guide-actions{gap:3px}.guide-actions .text-button{font-size:8px}.sequence-card{padding:16px 13px 0}.sequence-item{gap:8px;grid-template-columns:23px 1fr}.step-number{width:23px;height:23px;font-size:7px}.sequence-item:after{left:11px!important}.step-state{display:none}.step-copy strong{font-size:10px}.step-copy p{font-size:8px}.sequence-footnote{font-size:7px;gap:3px;line-height:1.5}.sequence-list{margin:12px 0 8px}.sequence-card .section-topline h2{font-size:11px}.model-card{padding:11px;gap:8px}.model-card p{font-size:7px;line-height:1.5}.model-mark{width:24px;height:24px}.model-mark svg{width:16px;height:16px}.model-card strong{font-size:10px;gap:5px}.model-tag{font-size:5px}.capture-actions{grid-column:span 2}.start-button{font-size:12px;padding:15px 17px}.save-note{font-size:9px}.telemetry-strip{padding:16px 0}.telemetry-icon{display:grid;width:26px;height:26px}.telemetry-strip>div{padding:0 12px}.telemetry-copy>span{font-size:8px}.telemetry-copy strong{font-size:9px}.activity-panel{margin-top:20px}.activity-log{max-height:105px}.studio-footer{margin-top:27px;font-size:8px}.guide-state{font-size:6px;letter-spacing:1px}.voice-orb{margin:9px 0 12px}.tracking-badge{font-size:7px}.stage-bottom-overlay>span:first-child{font-size:9px}.completion-overlay{padding:20px}.completion-overlay h2{font-size:30px}}
@media(max-width:400px){main{padding:0 14px}.session-header h1{font-size:25px}.session-header-right .status-pill{max-width:88px;text-align:center;white-space:normal;line-height:1.5}.session-header p{font-size:10px;max-width:240px}.telemetry-icon{display:none}.guidance-column{gap:10px}.guide-card{padding:13px}.guide-card h2{font-size:22px}.guide-card>p{font-size:9px}.guide-topline .eyebrow{font-size:6px}.sequence-card{padding:14px 11px 0}.model-tag{display:none}.camera-top-right>span{display:none}.camera-placeholder{min-height:340px}.guide-actions{padding-top:10px}.guide-actions .text-button{font-size:7px}.mic-button{width:23px;height:23px}.settings-grid{grid-template-columns:1fr}.settings-grid label{margin:5px 0}.topbar{height:66px}.wordmark>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.voice-connection{display:block;font:6px var(--mono);letter-spacing:1px;color:#8c9b7d;margin-top:8px}.voice-connection.connected{color:#63823d}.voice-connect-button{border:1px solid #cddbbc;background:#e0ebd1;border-radius:5px;padding:6px 7px;font-size:8px;color:#617d49;white-space:nowrap}.voice-connect-button:hover{background:#d4e6bc}.guide-actions{flex-wrap:wrap;gap:8px}.guide-actions>.text-button{margin-right:auto}.guide-card>.voice-caption{font-size:9px;line-height:1.7;color:#617752;margin-top:12px;padding:9px 0 0;border-top:1px solid #d6e0ca;min-height:0;max-height:82px;overflow:auto}.mic-button:disabled{opacity:.4}.guide-card>.voice-command-hint{font-size:8px}.guide-topline .eyebrow{font-size:7px;letter-spacing:1.1px}
.ai-voice-note{display:block;font-size:8px;line-height:1.5;margin-top:11px;color:#8a987b}
.camera-stage{width:100%;max-width:100%}

.library-link{font-size:10px;color:#7c8e68;white-space:nowrap}.library-link:hover{color:#3e5a2b}.export-controls .library-save-button{flex-basis:100%;background:#dcebc9;color:#5f7d44;border-color:#bfd4a4;font-size:11px;padding:12px}.library-save-button:disabled{opacity:.7;cursor:default}@media(max-width:400px){.top-actions{gap:9px}.library-link{font-size:8px}}