.control-dock{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#131b12e8;border:1px solid #b6c7aa40;border-radius:9px;justify-content:center;align-items:stretch;gap:4px;padding:6px;display:flex;position:absolute;bottom:182px;left:50%;transform:translate(-50%)}.control{min-width:108px;font:9px var(--mono);white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:12px;display:flex}.control>span:first-child{color:var(--lime);font-size:18px}.control:hover{background:#b7f86c13}.control.capture{background:#b7f86c10;border:1px solid #b7f86c40}.capture-ring{border:1px solid var(--lime);border-radius:50%;width:14px;height:14px;position:relative}.capture-ring:after{content:"";background:var(--lime);border-radius:50%;position:absolute;inset:3px}.paused-badge{z-index:5;color:var(--lime);font:10px var(--mono);text-align:center;white-space:nowrap;background:#121a10ed;border:1px solid #b7f86c60;border-radius:5px;padding:10px 18px;position:absolute;top:151px;left:50%;transform:translate(-50%)}.paused-badge>span{margin-right:7px}.paused-badge small{color:#adbda0;margin-top:7px;font-size:9px;display:block}.debug-panel{z-index:20;right:18px;top:calc(80px + env(safe-area-inset-top));bottom:calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#171e15f5;border:1px solid #5b6a4e;border-radius:9px;width:355px;max-width:calc(100% - 28px);padding:25px;position:fixed;overflow-y:auto;box-shadow:0 15px 80px #0007}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-heading .eyebrow{letter-spacing:1px;color:#819675;font-size:8px}.panel-heading h2{letter-spacing:-.8px;margin:8px 0;font-size:25px;font-weight:500}.close{color:#adbd9e;background:0 0;border:0;min-width:32px;min-height:32px;padding:0 5px;font-size:27px;line-height:1}.panel-note{font:10px/1.6 var(--mono);color:#899b7d;margin:5px 0 23px}.metrics{font:10px/1.5 var(--mono);margin:0}.metrics>div{border-bottom:1px solid #a5bd8c14;justify-content:space-between;gap:15px;padding:8px 0;display:flex}.metrics dt{color:#8fa17f}.metrics dd{color:#dce8d2;text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0}.settings{border-top:1px solid #718b4955;margin-top:24px;padding-top:20px}.settings label{font:10px var(--mono);color:#c7d8b9;justify-content:space-between;margin:19px 0 12px;display:flex}.settings output{color:var(--lime)}.settings select{color:#d5e4c8;width:100%;font:11px var(--mono);background:#202b1c;border:1px solid #465b36;border-radius:4px;min-height:43px;padding:12px 10px}.settings input[type=range]{accent-color:var(--lime);width:100%;margin:3px 0}.hint{color:#8ca07b;font:10px/1.8 var(--mono);margin:17px 0}.cache-state{font:9px/1.7 var(--mono);color:#9cae8e;border-top:1px solid #718b4955;margin-top:22px;padding-top:19px}.text-button{color:var(--lime);font:10px var(--mono);text-align:left;background:0 0;border:0;padding:18px 0}.toast{left:50%;bottom:calc(30px + env(safe-area-inset-bottom));background:var(--lime);color:#15230c;max-width:calc(100% - 40px);font:11px/1.6 var(--mono);z-index:50;border-radius:5px;padding:14px 20px;position:fixed;transform:translate(-50%);box-shadow:0 8px 35px #0008}.inspect{z-index:7;background:#152011f2;border:1px solid #b7f86c80;border-radius:6px;width:290px;max-width:calc(100% - 50px);padding:22px;position:absolute;top:155px;left:25px}.inspect .close{float:right}.inspect h2{text-transform:uppercase;font:20px var(--mono);color:var(--lime);margin:15px 0}.inspect .eyebrow{font-size:8px}.inspect dl{font:10px/1.7 var(--mono);margin-bottom:0}.inspect dl>div{justify-content:space-between;gap:8px;display:flex}.inspect dt{color:#93a982}.inspect dd{text-align:right;margin:0}.dev-tools{font:10px var(--mono);border:1px dashed #738b60;margin-top:22px;padding:14px}.dev-tools input{max-width:100%;font:10px var(--mono);margin-top:10px}.dev-tools button{font:10px var(--mono);background:0 0;border:1px solid #819e66;border-radius:4px;margin-top:8px;padding:8px}@media (max-width:650px){.control-dock{gap:2px;width:calc(100vw - 42px);padding:5px;bottom:170px}.control{flex-direction:column;flex:1;gap:8px;min-width:0;padding:10px 6px;font-size:7px}.control.capture{flex:1.45}.debug-panel{top:calc(75px + env(safe-area-inset-top));padding:21px;right:14px}.paused-badge{font-size:9px;top:137px}.inspect{top:200px;left:22px}.toast{font-size:10px}}:root{color:#f3f4e9;font-synthesis:none;--lime:#b7f86c;--muted:#939b8e;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#10130f;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{color:inherit}#app{height:100dvh;min-height:560px}#viewfinder{background:radial-gradient(at 68% 42%,#20291a 0,#141912 38%,#10130f 70%);width:100%;height:100%;position:relative;overflow:hidden}#viewfinder:before{content:"";pointer-events:none;background-image:linear-gradient(#97a78308 1px,#0000 1px),linear-gradient(90deg,#97a78308 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}#camera,#freeze,#overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#camera{visibility:hidden}body[data-phase=live] #camera,body[data-phase=paused] #camera{visibility:visible}#freeze{z-index:1}#overlay{z-index:2}.vignette{pointer-events:none;z-index:3;background:linear-gradient(#070b0db3,#0000 25% 60%,#080c0dec);position:absolute;inset:0}.topbar{padding:calc(27px + env(safe-area-inset-top)) 40px 22px;z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.9px;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand-light{font-weight:400}.brand small{font:8px var(--mono);color:#a4ae99;letter-spacing:2.1px;margin-top:5px;display:block}.brand-mark{color:var(--lime);justify-content:center;align-items:center;width:39px;height:39px;font-size:49px;font-weight:400;display:flex}.top-center{font:10px var(--mono);letter-spacing:1.5px;color:#b9c4af;align-items:center;gap:12px;display:flex}.dot{background:var(--lime);border-radius:50%;width:5px;height:5px}.divider{color:#56604e;margin:0 8px}.chip{font:10px var(--mono);letter-spacing:1px;background:#121710b3;border:1px solid #66705d75;border-radius:5px;align-items:center;gap:8px;padding:11px 14px;display:flex}.chip:hover{border-color:var(--lime)}.welcome{z-index:4;position:absolute;top:29%;left:9%}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:#b9c4ac;line-height:1.7}.tiny-cross{color:var(--lime);margin-right:9px;font-size:16px}h1{letter-spacing:-3.8px;margin:25px 0 23px;font-size:clamp(42px,5.3vw,78px);font-weight:500;line-height:1.08}h1 span{color:var(--lime)}.welcome>p{color:#aeb8a3;margin-bottom:30px;font-size:15px;line-height:1.65}.primary{background:var(--lime);color:#18210e;font:600 11px var(--mono);letter-spacing:.5px;border:0;border-radius:5px;align-items:center;gap:15px;min-height:54px;padding:18px 22px;display:flex;box-shadow:0 0 40px #b7f86c06}.primary:hover{background:#caff88}.primary>span:last-child{margin-left:12px;font-size:20px}.camera-glyph{border:1.5px solid;border-radius:3px;width:18px;height:13px;position:relative}.camera-glyph:before{content:"";border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:5px}.camera-glyph:after{content:"";border:1px solid;border-bottom:0;border-radius:2px 2px 0 0;width:7px;height:3px;position:absolute;top:-5px;left:3px}.welcome .permission-note{font:10px var(--mono);color:#788570;margin:14px 0}.idle-art{color:#6f8c56;opacity:.62;width:300px;height:300px;position:absolute;top:30%;right:12%}.orbital{border:1px solid #718b483d;border-radius:50%;width:260px;height:260px;margin:15px;position:relative}.orbital:after,.orbital:before{content:"";background:#718b4840;width:1px;height:320px;position:absolute;top:-30px;left:50%}.orbital:after{transform:rotate(90deg)}.orbit-inner{border:1px dashed #92b66759;border-radius:50%;position:absolute;inset:30px;transform:rotate(16deg)}.crosshair{font:40px var(--mono);color:var(--lime);font-weight:200;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-point{background:var(--lime);border-radius:50%;width:7px;height:7px;position:absolute;top:58px;right:18px;box-shadow:0 0 0 5px #b7f86c13}.art-label{text-align:center;font:8px/1.7 var(--mono);letter-spacing:2px;margin-top:30px;display:block}.art-label b{color:#b5cba0;font-weight:400}.axis-x,.axis-y{font:8px var(--mono);position:absolute}.axis-x{top:48%;right:-8px}.axis-y{top:-30px;left:47%}.frame-corners{z-index:3;pointer-events:none;position:absolute;inset:110px 28px 190px}.frame-corners i{border-style:solid;border-color:#a4bf8177;width:19px;height:19px;position:absolute}.frame-corners i:first-child{border-width:1px 0 0 1px;top:0;left:0}.frame-corners i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.frame-corners i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.frame-corners i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.status{font:10px var(--mono);color:#cbd4c2;z-index:5;text-align:center;background:#10180fc9;border-radius:4px;max-width:min(80%,600px);padding:9px 14px;line-height:1.6;position:absolute;top:112px;left:50%;transform:translate(-50%)}.bottom-area{padding:0 40px calc(23px + env(safe-area-inset-bottom));z-index:5;position:absolute;bottom:0;left:0;right:0}.session-info{font:9px var(--mono);letter-spacing:1px;color:#87967b;align-items:center;gap:8px;margin-bottom:19px;display:flex}.session-dot{background:#728364;border-radius:50%;width:5px;height:5px}body[data-phase=live] .session-dot{background:var(--lime);box-shadow:0 0 7px #b7f86c80}body[data-phase=live] #session-label{color:var(--lime)}.session-separator{color:#485440;margin:0 7px}.telemetry{gap:58px;padding-bottom:22px;display:flex}.telemetry>div{min-width:67px}.telemetry span{font:25px var(--mono);letter-spacing:-1px;color:#e0e8d9}.telemetry small{font:8px var(--mono);letter-spacing:1.3px;color:#8a9980;margin-top:7px;display:block}.telemetry .backend-stat span{letter-spacing:0;font-size:15px;line-height:29px}footer{color:#87937f;font:9px var(--mono);border-top:1px solid #71816436;justify-content:space-between;gap:12px;padding-top:15px;display:flex}.privacy{align-items:center;gap:7px;display:flex}.privacy>span{color:var(--lime);font-size:13px}.footer-right{align-items:center;gap:12px;display:flex}.footer-right a:hover{color:var(--lime)}@media (max-width:950px){.idle-art{transform-origin:100%;right:5%;transform:scale(.75)}.welcome{left:7%}h1{font-size:58px}.top-center{display:none}}@media (max-width:650px){#app{min-height:580px}.topbar{padding:calc(18px + env(safe-area-inset-top)) 21px 15px}.brand{gap:8px;font-size:19px}.brand-mark{width:28px;font-size:40px}.brand small{letter-spacing:1.6px;font-size:7px}.chip{padding:10px 11px;font-size:9px}.welcome{top:28%;left:29px;right:22px}.welcome .eyebrow{letter-spacing:1px;font-size:8px}h1{letter-spacing:-2.6px;margin:21px 0;font-size:clamp(38px,10.9vw,57px)}.welcome>p{margin-bottom:26px;font-size:13px}.primary{gap:12px;padding:16px 19px;font-size:10px}.idle-art{display:none}.frame-corners{inset:100px 14px 180px}.status{width:max-content;max-width:86%;font-size:9px;top:92px}.bottom-area{padding:0 22px calc(18px + env(safe-area-inset-bottom))}.telemetry{justify-content:space-between;gap:0;padding-bottom:19px}.telemetry>div{min-width:50px}.telemetry span{font-size:21px}.telemetry small{letter-spacing:.9px;font-size:7px}.telemetry .backend-stat span{font-size:12px;line-height:24px}.session-info{margin-bottom:16px;font-size:8px}.footer-right{display:none}footer{font-size:8px}.permission-note{font-size:9px!important}}@media (max-height:690px) and (min-width:651px){.welcome{top:24%}h1{margin:15px 0;font-size:48px}.welcome>p{margin:0 0 20px}.idle-art{top:19%;transform:scale(.7)}.bottom-area{padding-bottom:16px}.telemetry{padding-bottom:14px}}@media (orientation:landscape) and (max-height:520px){#app{min-height:320px}.topbar{padding:calc(10px + env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) 8px max(25px,env(safe-area-inset-left))}.brand small{display:none}.welcome{top:26%;left:7%}.welcome .eyebrow{display:none}h1{letter-spacing:-2px;margin:10px 0;font-size:36px}.welcome>p{display:none}.primary{min-height:40px;padding:12px 16px}.bottom-area{padding:0 max(25px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(25px,env(safe-area-inset-left))}.telemetry{gap:25px;position:absolute;bottom:61px;right:30px}.telemetry span{font-size:20px}.session-info{margin-bottom:14px}.frame-corners{inset:70px 15px 100px}.status{top:65px}.idle-art{display:none}footer{padding-top:10px}.control-dock{justify-content:flex-start!important;margin-bottom:17px!important;position:static!important;transform:none!important}.control-dock .control{min-width:70px!important}.paused-badge{top:65px!important}}