:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202a33;background:#f7f8fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #167fa3;outline-offset:4px}.header{height:70px;max-width:1480px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header h1{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.45px;font-weight:600;margin:0}.logo{width:23px;height:28px;display:block;background:#208da9;border-radius:65% 35% 60% 40%;transform:rotate(30deg);flex:none}.separator{color:#9aa5af;padding:0 5px}.scene-name{font-weight:400;color:#65717b}.runtime{font:11px ui-monospace,SFMono-Regular,monospace;color:#697783;white-space:nowrap}.workspace{max-width:1480px;margin:auto;padding:0 32px 20px}.stage{position:relative;overflow:hidden;border:1px solid #dce2e7;border-radius:6px;background:#f7f8fa}canvas{display:block;width:100%;height:clamp(310px,61vh,690px);touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-top{position:absolute;left:20px;right:20px;top:17px;display:flex;align-items:center;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,monospace;color:#80909c;pointer-events:none}.live{display:flex;align-items:center;gap:7px}.live i{height:6px;width:6px;background:#288e79;border-radius:50%}.paused .live i{background:#bb9148}.paused-label{display:none}.paused .paused-label{display:inline}.paused .running-label{display:none}.loading{position:absolute;inset:0;background:#f7f8faed;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.loading[hidden]{display:none}.loading strong{font-size:15px;font-weight:500}.loading p{font-size:12px;line-height:1.7;color:#7b8791;max-width:360px}.loading progress{width:220px;height:4px;accent-color:#2189a5}.error{color:#b54635!important}.controls{display:flex;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid #dce2e7;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:7px}.button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:35px;padding:7px 13px;border:1px solid #cdd6dd;border-radius:4px;background:#fff;color:#34434e;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{border-color:#7e9da9;background:#f0f4f6}.button.primary{color:#fff;background:#263f4c;border-color:#263f4c}.button.primary:hover{background:#335767}.button kbd{font-size:9px;color:inherit;opacity:.5;border-color:currentColor}.settle-control{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#5b6b76;cursor:pointer;white-space:nowrap}.settle-control[hidden]{display:none}.settle-control input{accent-color:#2788a3;margin:0;cursor:pointer}.settle-control:not([hidden])+.intensity-control{margin-left:0}.intensity-control{width:190px;margin-left:auto;display:flex;align-items:center;gap:12px}.intensity-control label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#5b6b76}.intensity-control output{font:11px ui-monospace,monospace;color:#223f50;min-width:22px}.intensity-control input{accent-color:#2788a3;width:100%;min-width:65px;height:4px;cursor:pointer}.segmented{display:flex;padding:3px;border:1px solid #d3dce2;border-radius:4px}.segmented button{border:0;border-radius:2px;background:transparent;color:#7a8791;padding:7px 13px;font-size:11px}.segmented button[aria-pressed=true]{color:#264855;background:#e2ebef}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0 20px;border-bottom:1px solid #dce2e7}.stat{padding:0 24px;border-left:1px solid #dce2e7}.stat:first-child{padding-left:0;border:0}.stat-label{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#7a8995;margin-bottom:8px}.stat-value{font-size:clamp(25px,3vw,40px);font-weight:450;letter-spacing:-1.7px;line-height:1.15;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.stat-value small{font-size:11px;letter-spacing:0;font-weight:400;color:#84929d;white-space:nowrap}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:13px;min-height:20px;font-size:10px;color:#87959f}.status-bar #status{color:#9a764e}.shortcuts{margin-left:auto;display:flex;gap:20px;align-items:center;white-space:nowrap}.shortcuts a{color:#71838f;text-decoration:none}.shortcuts a:hover{color:#2283a0}kbd{font:9px ui-monospace,monospace;border:1px solid #cfd9e0;border-radius:3px;padding:1px 3px;margin-right:3px}@media(min-width:1700px){canvas{height:65vh;max-height:760px}}@media(max-width:720px){.header{padding:0 18px;height:62px}.header h1{font-size:16px;gap:9px}.logo{width:19px;height:23px}.runtime{font-size:9px}.workspace{padding:0 18px 18px}.controls{gap:12px;justify-content:space-between}.actions{gap:5px}.button{padding:7px 10px;gap:7px}.button kbd{display:none}.intensity-control{width:160px;margin-left:0}.segmented{margin-left:auto}.stats{grid-template-columns:1fr 1fr;row-gap:22px;padding:20px 0}.stat{padding:0 15px}.stat:nth-child(3){border:0;padding-left:0}.stat-value{font-size:32px}canvas{height:52vh;min-height:290px}.stage-top{left:14px;right:14px;top:14px}}@media(max-width:420px){.header{align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;height:72px}.header h1{font-size:15px}.runtime{padding-left:29px}.controls{gap:12px}.intensity-control{width:160px}.segmented button{padding:7px 10px}.shortcuts{gap:10px}.stat-value small{font-size:10px}}