:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e8e8ee;background:#0b0b0f;flex-direction:row;align-items:stretch;gap:0;height:100dvh;margin:0;padding:0;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow:hidden}#stage{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;image-rendering:pixelated;background:#000;flex:auto}#stage.cam{cursor:pointer}#stage.frozen{outline-offset:-2px;outline:2px solid #ffb703}#controls{overscroll-behavior:contain;touch-action:manipulation;background:#0b0b0f;border-left:1px solid #2a2a35;flex-wrap:wrap;flex:0 0 340px;align-content:start;align-items:center;gap:16px;padding:12px;display:flex;overflow-y:auto}#controls label{align-items:center;gap:6px;min-height:36px;display:flex}#controls input[type=range]{touch-action:pan-y;width:100%;height:44px}#controls input[type=checkbox]{width:22px;height:22px}#controls select,#controls button,#controls input[type=file]{min-height:44px}#notice,#badge{z-index:2;pointer-events:none;text-shadow:0 1px 2px #000;position:fixed;left:12px}#notice{color:#ffb703;min-height:1.4em;margin:0;bottom:34px}#badge{color:#8ab4f8;min-height:1.4em;margin:0;bottom:12px}#controls details.fx{background:#101018;border:1px solid #2a2a35;min-width:180px;padding:4px 8px}#controls details.fx label{margin-top:4px}details.fx>summary{cursor:pointer;color:#e8e8ee;letter-spacing:.05em;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}details.fx>summary::-webkit-details-marker{display:none}#mobilebar{z-index:4;gap:8px;display:none;position:fixed;bottom:12px;right:12px}#mobilebar button,#mobilebar #upload-btn,#topbar button{min-height:44px;font:inherit;letter-spacing:.05em;color:#e8e8ee;cursor:pointer;background:#101018f0;border:1px solid #2a2a35;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}@media (width<=720px){body{flex-direction:column}#stage{width:100vw;height:100dvh;position:fixed;inset:0}#controls{z-index:3;box-sizing:border-box;background:#0b0b0ff0;border-left:1px solid #2a2a35;flex-flow:column;flex:none;gap:8px;width:min(85vw,340px);padding:10px 10px 20px;transition:transform .2s;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(100%)}#controls.open{transform:translate(0)}#mobilebar{display:flex}#controls>*,#controls details.fx{box-sizing:border-box;width:100%}#notice{top:8px;bottom:auto;right:160px}#badge{top:30px;bottom:auto;right:160px}}#presets{flex-wrap:wrap;gap:8px;width:100%;display:flex}#presets button.preset{min-height:44px;font:inherit;letter-spacing:.05em;color:#0b0b0f;cursor:pointer;background:#8ab4f8;border:1px solid #8ab4f8;padding:0 14px}#presets button.preset-reset{color:#e8e8ee;background:#101018;border:1px solid #2a2a35}#preset-toggle{min-height:44px;font:inherit;letter-spacing:.05em;color:#e8e8ee;cursor:pointer;background:#101018;border:1px solid #2a2a35;padding:0 14px;display:none}#topbar{z-index:4;gap:8px;display:none;position:fixed;top:8px;right:12px}@media (width<=720px){#preset-toggle{display:block}#presets{display:none}#presets.open,#topbar{display:flex}}