.viewport.svelte-7uwu8z{position:relative;cursor:grab;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.viewport.grabbing.svelte-7uwu8z{cursor:grabbing}.canvas.svelte-7uwu8z{display:block;width:100%;height:100%}.render-debug.svelte-7uwu8z{position:absolute;top:6px;left:6px;padding:4px 8px;font-family:monospace;font-size:11px;line-height:1.4;color:#fff;background:#000000a6;border-radius:4px;z-index:10}.render-debug.svelte-7uwu8z button:where(.svelte-7uwu8z){margin-left:6px;padding:2px 8px;font-family:monospace;font-size:11px;color:#fff;background:#444;border:1px solid #777;border-radius:3px;cursor:pointer}.tune-panel.svelte-7uwu8z{margin-top:6px;display:flex;flex-direction:column;gap:2px;max-width:300px}.viewport.tuning.svelte-7uwu8z{position:fixed;top:0;bottom:0;left:max(0px,calc((100vw - var(--site-width, 100vw)) / 2));width:calc(min(var(--site-width, 100vw),100vw) - min(340px,50vw));z-index:2000;background:#202020}.viewport.tuning.svelte-7uwu8z .render-debug:where(.svelte-7uwu8z){position:fixed;left:auto;top:0;right:max(0px,calc((100vw - var(--site-width, 100vw)) / 2));bottom:0;width:min(340px,50vw);border-radius:0;padding:12px;overflow-y:auto;background:#000000eb}.viewport.tuning.svelte-7uwu8z .tune-panel:where(.svelte-7uwu8z){max-width:none}.tune-row.svelte-7uwu8z{display:grid;grid-template-columns:100px 1fr 44px;align-items:center;gap:6px}.tune-row.svelte-7uwu8z input:where(.svelte-7uwu8z){width:100%;margin:0}.tune-value.svelte-7uwu8z{text-align:right;font-variant-numeric:tabular-nums}.config-summary.svelte-7uwu8z{position:absolute;bottom:0;left:0;padding:12px 16px;font-family:Protipo,sans-serif;font-size:.875rem;color:#fff;background:#0009;pointer-events:none;-webkit-user-select:none;user-select:none}.controls-hint.svelte-7uwu8z{position:absolute;bottom:12px;right:12px;font-size:.75rem;color:#00000073;pointer-events:none;-webkit-user-select:none;user-select:none}