.viewport-shell.svelte-5m1hua{display:grid;gap:.7rem}.canvas-frame.svelte-5m1hua{position:relative}canvas.svelte-5m1hua{width:100%;height:auto;border-radius:1rem;border:1px solid rgba(76,58,43,.12);background:linear-gradient(180deg,#fffdf9,#f7efe5);touch-action:none}.viewport-controls.svelte-5m1hua{position:absolute;top:.9rem;right:.9rem;display:flex;gap:.45rem}.viewport-controls.svelte-5m1hua button:where(.svelte-5m1hua){border:1px solid rgba(76,58,43,.14);background:#fffbf5e6;color:#3c2d22;border-radius:999px;padding:.45rem .7rem;font:inherit;cursor:pointer;min-width:2.2rem}.viewport-controls.svelte-5m1hua .reset:where(.svelte-5m1hua){min-width:auto;padding-inline:.8rem}.mode-row.svelte-5m1hua{display:flex;flex-wrap:wrap;gap:.45rem}.mode-row.svelte-5m1hua button:where(.svelte-5m1hua),.overlay-toggle.svelte-5m1hua{border:1px solid rgba(76,58,43,.14);background:#fffbf5e6;color:#3c2d22;border-radius:999px;padding:.45rem .85rem;font:inherit}.mode-row.svelte-5m1hua button:where(.svelte-5m1hua){cursor:pointer}.mode-row.svelte-5m1hua button.active:where(.svelte-5m1hua){background:#7b471eeb;color:#fff9f1;border-color:#7b471eeb}.overlay-toggle.svelte-5m1hua{display:inline-flex;align-items:center;gap:.55rem;width:fit-content}.overlay-toggle.svelte-5m1hua input:where(.svelte-5m1hua){accent-color:#0f766e}.frequency-control.svelte-5m1hua{display:grid;gap:.45rem}.frequency-meta.svelte-5m1hua{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;color:#423429c2}.frequency-meta.svelte-5m1hua strong:where(.svelte-5m1hua){color:#31251ceb;font-weight:700}.frequency-control.svelte-5m1hua input[type=range]:where(.svelte-5m1hua){width:100%;accent-color:#8b4513}.hint.svelte-5m1hua,.empty.svelte-5m1hua{margin:0;font-size:.88rem;color:#423429c2}