.three-canvas.svelte-1aelags{width:100%;height:min(var(--canvas-height),62vw);min-height:280px;max-height:560px;overflow:hidden;background:#101419;touch-action:pan-y}.three-tool.svelte-1aelags{margin:1.75rem 0;background:#101419;color:#edf2f5}.variable-panel.svelte-1aelags{border-top:1px solid #343c43;padding:1rem;background:#1a2025}.variable-head.svelte-1aelags{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;color:#8f9da6;font-size:.78rem;font-weight:700}button.svelte-1aelags{min-height:2rem;border:1px solid #46515a;border-radius:4px;padding:0 .65rem;background:transparent;color:#bac4cb;font:inherit;cursor:pointer}.variable-grid.svelte-1aelags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.5rem}label.svelte-1aelags{display:grid;grid-template-columns:minmax(7rem,auto) minmax(5rem,1fr) 3.4rem;align-items:center;gap:.6rem;min-height:2rem;font-family:var(--font-mono);font-size:.72rem}.variable-name.svelte-1aelags{overflow:hidden;color:#bac4cb;text-overflow:ellipsis;white-space:nowrap}input.svelte-1aelags{width:100%;margin:0;accent-color:#4ab8d8}output.svelte-1aelags{text-align:right;font-variant-numeric:tabular-nums}button.svelte-1aelags:focus-visible,input.svelte-1aelags:focus-visible{outline:2px solid #4ab8d8;outline-offset:2px}@media (max-width: 640px){.variable-grid.svelte-1aelags{grid-template-columns:1fr}}.three-canvas.svelte-1aelags canvas{display:block;width:100%;height:100%;cursor:grab}.three-canvas.svelte-1aelags canvas:active{cursor:grabbing}