.webgpu-container.svelte-17mtvv7{position:relative;width:100%;height:100vh;background-color:#a6ccf2;overflow:hidden;touch-action:none}canvas.svelte-17mtvv7{display:block;width:100%;height:100%}.ui-overlay.svelte-17mtvv7{position:absolute;top:2rem;left:2rem;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;z-index:10;display:flex;flex-direction:column;gap:1rem}.control-panel.svelte-17mtvv7{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;width:320px;box-shadow:0 4px 20px #00000014}.control-panel.svelte-17mtvv7 h1:where(.svelte-17mtvv7){margin:0;font-size:1.1rem;color:#334155;font-weight:700;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.controls-group.svelte-17mtvv7{display:flex;flex-direction:column;gap:1rem}.control-panel.svelte-17mtvv7 label:where(.svelte-17mtvv7){display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#475569;font-weight:600}.control-panel.svelte-17mtvv7 input[type=range]:where(.svelte-17mtvv7){accent-color:#3b82f6;cursor:ew-resize}.control-panel.svelte-17mtvv7 button:where(.svelte-17mtvv7){background:#f8fafc;color:#334155;font-weight:600;border:1px solid #cbd5e1;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.control-panel.svelte-17mtvv7 button:where(.svelte-17mtvv7):hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.controls-hint.svelte-17mtvv7{display:inline-flex;align-self:flex-start;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:999px;font-size:.8rem;color:#475569;font-weight:600;box-shadow:0 2px 8px #0000000d}.logo-watermark.svelte-17mtvv7{position:absolute;bottom:2rem;right:2rem;width:50px;height:auto;pointer-events:none;z-index:20;opacity:.9;color:#fff}.error-dialog.svelte-17mtvv7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e0000e6;padding:2rem;color:#ef4444;z-index:100;border-radius:8px}.back-to-article.svelte-17mtvv7{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;color:#475569;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #0000000d;pointer-events:auto;transition:all .2s ease;width:max-content}.back-to-article.svelte-17mtvv7:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}