:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#dfe6ee;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}.hud{z-index:10;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;left:12px}.hud>*{pointer-events:auto}.hud h1{color:#223;margin:0;font-size:14px;font-weight:600}.hud .row{flex-wrap:wrap;gap:6px;display:flex}.hud button{font:inherit;color:#223;cursor:pointer;background:#fff;border:1px solid #99a;border-radius:6px;padding:4px 10px;font-size:12px}.hud button.active{color:#fff;background:#2b5797;border-color:#2b5797}.hud .status{color:#445;background:#ffffffb3;border-radius:6px;padding:4px 8px;font-size:12px}.hud .error{color:#a00}.label{color:#fff;white-space:nowrap;pointer-events:none;background:#141820c7;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.2;transform:translate(-50%,-100%)}.label b{font-weight:600}.label small{opacity:.8}.scrubber{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#223;background:#ffffffdb;border-radius:10px;padding:8px 12px 10px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 2px 12px #00000026}.scrubber-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scrubber button{font:inherit;color:#223;cursor:pointer;background:#fff;border:1px solid #99a;border-radius:6px;padding:3px 9px;font-size:12px}.scrubber button.active{color:#fff;background:#2b5797;border-color:#2b5797}.scrubber button.play{width:40px;font-size:14px}.scrubber .time{font-variant-numeric:tabular-nums;min-width:84px}.scrubber .speeds{gap:4px;display:flex}.scrubber .caption{flex-direction:column;flex:320px;gap:2px;min-width:240px;display:flex}.scrubber .caption span{color:#445}.scrubber .track{height:34px;margin-top:8px;position:relative}.scrubber input[type=range]{width:100%;height:14px;margin:0}.scrubber .markers{height:18px;margin-top:2px;position:relative}.scrubber .marker{white-space:nowrap;text-overflow:ellipsis;text-align:left;background:#eef1f5;border:1px solid #bbc;border-radius:4px;height:18px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:0;overflow:hidden}.scrubber .marker.active{color:#fff;background:#2b5797;border-color:#2b5797}.dim{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;pointer-events:none;border-radius:3px;padding:1px 5px;font-size:11px;line-height:1.2;transform:translate(-50%,-50%)}.export-panel{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#223;background:#ffffffdb;border-radius:10px;flex-direction:column;gap:6px;width:232px;padding:8px 12px 10px;font-size:12px;display:flex;position:absolute;top:120px;right:12px;box-shadow:0 2px 12px #00000026}.export-panel h2{margin:0 0 2px;font-size:13px;font-weight:600}.export-panel .row{align-items:center;gap:6px;display:flex}.export-panel button,.export-panel select{font:inherit;color:#223;cursor:pointer;background:#fff;border:1px solid #99a;border-radius:6px;padding:3px 9px;font-size:12px}.export-panel button:disabled,.export-panel select:disabled{opacity:.5;cursor:default}.export-panel .progress{background:#fff;border:1px solid #99a;border-radius:5px;flex:1;height:10px;overflow:hidden}.export-panel .progress>div{background:#2b5797;height:100%;transition:width .15s linear}.export-panel .status{color:#445;word-break:break-word;line-height:1.3}.export-panel .status.error{color:#a00}.export-panel .hint{color:#667;font-size:11px}.export-panel code{background:#eef1f5;border-radius:4px;padding:1px 4px;font-size:11px}