.renderer-container.svelte-1dwet1d{position:relative;width:100%;height:100%;background:#1a1a1a}canvas.svelte-1dwet1d{width:100%;height:100%;display:block;cursor:grab}canvas.svelte-1dwet1d:active{cursor:grabbing}.error-overlay.svelte-1dwet1d{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1af2;color:#ff6b6b;padding:var(--space-4);text-align:center}.error-overlay.svelte-1dwet1d p:where(.svelte-1dwet1d){margin:0;font-weight:600}.error-overlay.svelte-1dwet1d .hint:where(.svelte-1dwet1d){margin-top:var(--space-2);color:var(--color-text-muted);font-weight:400;font-size:var(--text-sm)}.error-overlay.svelte-1dwet1d .error-detail:where(.svelte-1dwet1d){margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#fa8;max-width:100%;overflow-wrap:break-word}.hint-list.svelte-1dwet1d{margin-top:var(--space-2);text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);list-style:none}.hint-list.svelte-1dwet1d li:where(.svelte-1dwet1d){margin:var(--space-1) 0}.hint-list.svelte-1dwet1d code:where(.svelte-1dwet1d){background:#ffffff1a;padding:.1em .3em;border-radius:2px;font-size:.9em}.controls-hint.svelte-1dwet1d{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);font-size:var(--text-xs);color:#ffffff80;pointer-events:none}.editor-grid.svelte-j6hxly{grid-template-columns:1fr 1.5fr auto}.wgsl-panel.svelte-j6hxly{width:350px}.wgsl-panel.collapsed.svelte-j6hxly{width:50px}.wgsl-panel.collapsed.svelte-j6hxly .panel-title:where(.svelte-j6hxly){writing-mode:vertical-rl;text-orientation:mixed}.wgsl-panel.collapsed.svelte-j6hxly .toggle-content:where(.svelte-j6hxly){flex-direction:column}.wgsl-panel.collapsed.svelte-j6hxly button:where(.svelte-j6hxly){flex-direction:column;padding:.75rem .5rem;height:100%}@media(max-width:1100px){.editor-grid.svelte-j6hxly{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;height:auto}.preview-panel.svelte-j6hxly{grid-column:1 / -1;height:400px}.wgsl-panel.svelte-j6hxly{grid-column:1 / -1;width:100%}.wgsl-panel.collapsed.svelte-j6hxly{width:100%}}@media(max-width:700px){.editor-grid.svelte-j6hxly{grid-template-columns:1fr}.panel.svelte-j6hxly:first-child{height:250px}.preview-panel.svelte-j6hxly{height:350px}}