.module-picker{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 34px;scroll-margin-top:95px}.module-tab{display:flex;align-items:center;gap:17px;background:#101c2a;border:1px solid #2b3b4d;border-radius:10px;text-align:left;padding:23px;color:#9fb2c5;transition:background .2s,border-color .2s}.module-tab.active{background:#132c29;border-color:#608f7f;color:#dceee7}.module-number{font-size:12px;color:#789b94;border:1px solid #3d6159;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.module-tab strong{display:block;font-size:19px;font-weight:500;margin-bottom:7px}.module-tab small{display:block;font-size:11px;color:#869caf;line-height:1.7}.module-arrow{margin-left:auto;color:#9bdabb;font-size:22px}.live-state{display:flex;align-items:center;gap:8px;border:1px solid #34495a;border-radius:30px;padding:7px 12px;font-size:11px;color:#a0b4c6}.live-state i{width:6px;height:6px;border-radius:50%;background:#768d9b}.live-state.ready{color:#a4ecc9;border-color:#416858}.live-state.ready i{background:#89e1be}.live-state.warning{color:#e8c48b}.live-state.warning i{background:#e8c48b}.live-state.error{color:#eea29f}.live-state.error i{background:#eea29f}.live-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #2a3d4c;background:#0f1a29;border-radius:12px;overflow:hidden}.live-camera-panel{padding:25px}.live-stage{background:#050a11;border:1px solid #253442;border-radius:8px;aspect-ratio:4/3;position:relative;overflow:hidden;max-height:560px}.live-camera-image{width:100%;height:100%;position:absolute;inset:0}.live-camera-image.mirrored{transform:scaleX(-1)}#live-video,#live-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#live-overlay{pointer-events:none}.live-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#13252b,#090f19 70%);padding:25px;text-align:center}.live-empty>span{font-size:55px;font-weight:200;color:#719c8a;margin-bottom:18px}.live-empty h3{font-size:19px;font-weight:400;color:#d5e6e1;margin:0 0 12px}.live-empty p{font-size:12px;color:#8197a8;line-height:1.8}.live-stage-label{position:absolute;left:15px;top:15px;background:#091a1fbd;border:1px solid #638d7f66;padding:6px 9px;border-radius:5px;color:#99d5bd;font-size:8px;letter-spacing:1.5px}.live-actions{display:flex;align-items:center;gap:12px;margin:18px 0 22px}.live-actions .primary{font-size:12px;padding:12px 17px}.live-stop,.camera-flip{border:1px solid #3d5361;background:#172638;border-radius:5px;color:#c2d4de;font-size:11px;padding:11px 13px}.camera-flip{font-size:10px;padding:6px 9px}.live-stop:disabled,.camera-flip:disabled{opacity:.35;cursor:default}.live-actions>span{font-size:11px;color:#859bab;margin-left:auto;font-variant-numeric:tabular-nums}.live-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 13px;border:1px solid #314653;border-radius:7px;cursor:pointer;background:#111f2e}.visual-switch strong{display:block;font-size:12px;font-weight:450;color:#cbdfdf}.visual-switch small{display:block;color:#7990a2;font-size:10px;line-height:1.65;margin-top:5px}.visual-switch input{position:absolute;opacity:0;width:1px;height:1px}.visual-switch i{display:block;width:33px;height:19px;border-radius:20px;background:#3a4a5b;position:relative;flex-shrink:0}.visual-switch i:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:#c2d1dd;border-radius:50%;transition:transform .15s}.visual-switch input:checked+i{background:#528a74}.visual-switch input:checked+i:after{transform:translateX(14px);background:#edfff4}.visual-switch:has(input:focus-visible){outline:2px solid #a9e9d0;outline-offset:3px}.live-visual-note{color:#7e95a6;font-size:10px;line-height:1.8;margin:13px 2px 0}.live-readout{padding:28px 25px;border-left:1px solid #2a3d4c;background:#121e2e}.live-readout .heart-label{margin-top:35px}#live-heart{display:inline-block;transform-origin:center}.live-readout .big-reading{margin-bottom:17px}.live-guidance{font-size:12px;line-height:1.9;color:#9fb7c3;min-height:65px}.live-progress progress{height:4px;accent-color:#8ce3c0;width:100%;border-radius:8px}.live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:21px 12px;margin:25px 0}.live-metrics span{display:block;font-size:10px;color:#8097aa;margin-bottom:8px}.live-metrics strong{font-size:17px;font-weight:450;color:#d1e1e4;font-variant-numeric:tabular-nums}.live-window-select{display:flex;gap:7px}.live-window-select button{flex:1;border:1px solid #354d5b;border-radius:5px;background:transparent;color:#8fa7b8;font-size:10px;padding:9px 6px}.live-window-select button.active{background:#213e37;color:#b8ebd2;border-color:#5f8b79}.live-wave-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 0}.live-wave-title h3{font-size:12px;font-weight:450;margin:0}.live-wave-title span{font-size:9px;color:#6e879a}#live-wave{width:100%;height:120px;display:block;margin-top:8px}.live-privacy{font-size:10px;line-height:1.9;color:#70899c;margin-top:22px}.live-model-tag{font-size:9px;color:#8fcdb6}.live-readout .text-button{width:100%;text-align:left}.live-workspace .section-heading h2{letter-spacing:-.5px}
@media(min-width:1500px){.live-shell{grid-template-columns:minmax(0,1fr) 340px}.live-camera-panel{padding:30px}.live-readout{padding:30px}.live-stage{max-height:620px}}
@media(max-width:1050px){.live-shell{grid-template-columns:minmax(0,1fr) 260px}.live-camera-panel{padding:18px}.live-readout{padding:24px 18px}.live-switches{grid-template-columns:1fr}.live-empty h3{font-size:16px}.live-actions .primary{padding:11px;font-size:11px}.live-stop{padding:10px}.module-tab{padding:19px 16px}}
@media(max-width:700px){.module-picker{gap:9px;margin-bottom:26px}.module-tab{padding:16px 12px;gap:10px}.module-number{display:none}.module-tab strong{font-size:17px}.module-tab small{font-size:9px}.module-arrow{font-size:18px}.live-shell{grid-template-columns:1fr}.live-camera-panel{padding:14px}.live-stage{aspect-ratio:4/3;max-height:460px}.live-switches{grid-template-columns:1fr 1fr;gap:8px}.visual-switch{padding:12px 9px;gap:8px}.visual-switch strong{font-size:10px}.visual-switch small{font-size:9px}.visual-switch i{width:29px;height:18px}.visual-switch i:after{width:12px;height:12px}.visual-switch input:checked+i:after{transform:translateX(11px)}.live-readout{border-left:0;border-top:1px solid #2a3d4c;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.live-readout>.panel-kicker{grid-column:1/-1}.live-readout .heart-label{grid-column:1;margin-top:22px}.live-readout .big-reading{grid-column:1}.live-guidance{grid-column:2;grid-row:2/4;align-self:center;min-height:0;font-size:11px}.live-progress,.live-window-select,.live-wave-title,#live-wave,.live-privacy,#live-unlock{grid-column:1/-1}.live-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px}.live-metrics strong{font-size:14px}.live-metrics span{font-size:9px}.live-wave-title{margin-top:24px}.live-privacy{margin-top:14px}.live-empty h3{font-size:16px}.live-empty p{font-size:11px}.live-state{font-size:9px;padding:6px 9px}}
.camera-choice{display:flex;align-items:center;gap:8px}.camera-choice select{max-width:180px;background:#132333;border:1px solid #354b5a;color:#a9c0cb;border-radius:4px;font-size:10px;padding:6px}@media(max-width:650px){.camera-choice select{max-width:120px}.camera-flip{font-size:9px}}