.panel.svelte-r33iqb{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}.panel-label.svelte-r33iqb{font-size:.75rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.badge.svelte-r33iqb{font-size:.625rem;font-family:JetBrains Mono,monospace;padding:1px 5px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-muted)}.canvas-wrap.svelte-r33iqb{position:relative;overflow:hidden;border-radius:6px}.canvas-box.svelte-r33iqb{position:relative}canvas.svelte-r33iqb{display:block;width:100%;height:auto;border-radius:6px;background:var(--bg-primary);border:1px solid var(--border-color)}.panel.fill.svelte-r33iqb{height:100%;min-height:0;gap:.25em}.panel.fill.svelte-r33iqb .panel-label:where(.svelte-r33iqb){flex:0 0 auto;font-size:.7em;gap:.5em}.panel.fill.svelte-r33iqb .badge:where(.svelte-r33iqb){font-size:.85em;padding:.05em .35em;border-radius:.25em}.panel.fill.svelte-r33iqb .canvas-wrap:where(.svelte-r33iqb){flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.panel.fill.svelte-r33iqb .canvas-box:where(.svelte-r33iqb){aspect-ratio:var(--panel-aspect, auto);max-width:100%;max-height:100%;min-height:0}.panel.fill.svelte-r33iqb canvas:where(.svelte-r33iqb){width:100%;height:100%}.panel.fill.svelte-r33iqb .error-overlay:where(.svelte-r33iqb){flex:0 0 auto;font-size:.65em}canvas.checkerboard.svelte-r33iqb{background:repeating-conic-gradient(#3a3a3a 0% 25%,#2a2a2a 0% 50%) 0 0 / 16px 16px}.crosshair-h.svelte-r33iqb,.crosshair-v.svelte-r33iqb{position:absolute;pointer-events:none}.crosshair-h.svelte-r33iqb{left:0;right:0;height:1px;background:#fff9}.crosshair-v.svelte-r33iqb{top:0;bottom:0;width:1px;background:#fff9}.error-overlay.svelte-r33iqb{font-size:.6875rem;color:var(--accent-error);padding:4px 8px;background:color-mix(in srgb,var(--accent-error) 10%,transparent);border-radius:4px;word-break:break-word}