:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{color:#d8d8d6;background:#0b0b0c;height:100%;margin:0;font-family:Anonymous Pro,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.viewer{position:fixed;inset:0}.viewer canvas{touch-action:none;display:block}.stamp{top:max(10px, env(safe-area-inset-top));text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#8a8a86;pointer-events:none;font-size:10px;position:fixed;left:0;right:0}.ui{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));gap:8px;padding:0 10px;display:grid;position:fixed}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.row label{color:#9a9a96;align-items:center;gap:4px;display:inline-flex}.row input[type=range]{accent-color:#4e9ce0;width:110px}.presets button{color:#b5b5b1;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #2c2c2e;padding:6px 10px}.presets button.on{color:#fff;border-color:#4e9ce0}select{color:#c5c5c1;font:inherit;background:#141416;border:1px solid #2c2c2e;padding:3px 4px}.loading{color:#6f6f6b;letter-spacing:.1em;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}@media (max-width:480px){.row input[type=range]{width:80px}}