:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--fg:#f2f2f2;--accent:#ffd166;--panel:#14141ad9}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font:16px system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;display:flex}.mode-host{flex:1;min-height:0;position:relative}.modes{padding:4px;padding-top:max(4px, env(safe-area-inset-top));background:#000;gap:4px;display:flex}.modes button{flex:1}.modes button.active{background:var(--accent);color:#000}.stage,.stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.topbar{padding:8px;padding-top:max(8px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.btn,button,select{font:inherit;color:var(--fg);background:var(--panel);cursor:pointer;border:1px solid #555;border-radius:8px;min-height:44px;padding:10px 14px}.provider{flex:1;min-width:0}.hint{text-align:center;background:#000000bf;border-radius:8px;padding:10px 12px;position:absolute;top:72px;left:12px;right:12px}.hint[hidden],.provider[hidden]{display:none}.panel{background:var(--panel);padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;position:absolute;bottom:0;left:0;right:0}.panel.open{display:block}.dock{pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.dock-toggle{margin:0 12px 8px;padding:8px 14px}.dock:not(.open) .dock-toggle{margin-bottom:max(12px, env(safe-area-inset-bottom))}.dock .panel{align-self:stretch;position:static}.controls .row{grid-template-columns:96px 1fr 56px;align-items:center;gap:8px;min-height:40px;display:grid}.controls .row output{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.controls input[type=range]{width:100%;accent-color:var(--accent)}.controls select{grid-column:2}