:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8edf0;background:#091119;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#viewport{display:block;width:100vw;height:100vh;touch-action:none;outline:none}header{position:absolute;inset:30px 36px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cfb967;color:#e5cc7d;font-size:19px;font-weight:600;transform:rotate(-8deg)}h1{margin:0;font-size:20px;font-weight:650;letter-spacing:.22em}.brand p{margin:5px 0 0;font-size:9px;letter-spacing:.24em;color:#83949f}.live{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.14em;color:#a2dadb}.live i{width:6px;height:6px;border-radius:50%;background:#7acccd;box-shadow:0 0 14px #5ba5a6}.live span{margin-left:15px;color:#637884;font-size:9px}.title-block{position:absolute;top:120px;left:38px;pointer-events:none;max-width:310px}#eyebrow{font-size:10px;letter-spacing:.20em;color:#c7ab62}.title-block h2{font-size:37px;font-weight:450;letter-spacing:-.035em;line-height:1.08;margin:13px 0 11px}.title-block p{font-size:12px;color:#93a6b2;line-height:1.6;max-width:270px;margin:0}.controls{position:absolute;left:34px;bottom:84px;width:274px;background:linear-gradient(145deg,#13212bdd,#0c1720ed);border:1px solid #ffffff12;border-radius:13px;padding:19px;backdrop-filter:blur(18px);box-shadow:0 12px 55px #0003}.section-label{font-size:9px;font-weight:600;letter-spacing:.18em;color:#7b939f;margin-bottom:12px}.models{display:grid;gap:4px}.models button{color:#b7c4cb;background:none;border:1px solid transparent;border-radius:6px;text-align:left;padding:10px 8px;display:flex;align-items:center;gap:9px;font-size:12px}.models button>span{color:#57707e;font-size:9px}.models button small{margin-left:auto;font-size:7px;letter-spacing:.11em;color:#627d8b}.models button[aria-pressed=true]{border-color:#809d9a42;background:#28404462;color:#e3f0ec}.models button[aria-pressed=true]>span{color:#cdb770}.models button[aria-pressed=true] small{color:#a8c5c2}.models button:hover{background:#ffffff0a}.divider{height:1px;background:#ffffff10;margin:15px 0}.presets{display:flex;gap:5px}.presets button{flex:1;background:#13222e;border:1px solid #ffffff12;color:#b4c6ce;border-radius:5px;font-size:10px;padding:8px 4px}.presets button:hover,.reset:hover{border-color:#86bdc1}.presets button:disabled{opacity:.3;cursor:default}.toggles{display:grid;gap:11px;margin:17px 0}.toggles label{display:flex;gap:9px;align-items:center;font-size:11px;color:#b2c1c9;cursor:pointer}input{accent-color:#afc5c3;width:12px;height:12px;margin:0}.toggles label:has(input:disabled){opacity:.3}.reset{width:100%;display:flex;justify-content:space-between;background:transparent;color:#87a6b5;font-size:10px;border:1px solid #ffffff12;border-radius:5px;padding:8px 10px}.stats{font-size:9px;color:#5f7b8c;line-height:1.6;margin-top:13px;font-variant-numeric:tabular-nums}footer{position:absolute;bottom:0;left:0;width:100%;height:54px;padding:0 35px;border-top:1px solid #ffffff0b;background:#09111985;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.10em;color:#76909f;backdrop-filter:blur(12px)}footer b{margin:0 9px;color:#375563}.mouse{font-size:16px;color:#abc7d0;margin-right:8px}#stage{margin-left:auto;font-size:9px;letter-spacing:0;color:#637985}#fullscreen{border:1px solid #ffffff20;background:transparent;color:#afc7d2;border-radius:5px;font-size:20px;width:31px;height:29px;line-height:20px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#08131df2;z-index:5;transition:opacity .3s}.loading.done{opacity:0;pointer-events:none}.loading-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid #a59050;color:#cfb96d;font-size:28px;margin-bottom:16px}.loading h3{font-size:17px;font-weight:500;letter-spacing:.02em}.loading p{font-size:11px;color:#708f9f}.progress{width:220px;height:2px;background:#233843;margin-top:12px}.progress div{width:3%;height:100%;background:#a7c8ca;transition:width .2s}.error{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);background:#182834;border:1px solid #6d5555;border-radius:12px;padding:28px;max-width:400px}.error[hidden]{display:none}.error h3{font-weight:500}.error p{font-size:12px;line-height:1.6;color:#b8c6cc}.error button{padding:8px 14px;background:#345058;color:#dce8e9;border:0;border-radius:4px}.error a{display:block;color:#8bc5cd;font-size:11px;margin-top:20px}button:focus-visible{outline:2px solid #acd2d6;outline-offset:3px}@media(max-height:750px){header{top:19px}.title-block{top:90px}.title-block h2{font-size:29px}.controls{bottom:66px;padding:13px;width:248px}.models button{padding:7px 8px}.divider{margin:10px 0}.toggles{margin:12px 0;gap:8px}.stats{margin-top:8px}}@media(max-width:700px){header{left:18px;right:18px;top:18px}.live span{display:none}.brand h1{font-size:16px}.title-block{left:20px;top:91px}.title-block h2{font-size:27px}.title-block p{display:none}.controls{left:12px;bottom:66px;width:206px;padding:12px}.models button{font-size:10px;gap:6px;padding:7px 5px}.models button small{font-size:6px}.section-label{font-size:8px}.stats{font-size:8px}footer{padding:0 15px;font-size:7px;gap:10px}footer b{margin:0 4px}#stage{display:none}}