.file-explorer.svelte-eqttzb{border:0;border-right:1px solid var(--line-system);background:var(--surface-panel);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.file-explorer.svelte-eqttzb header:where(.svelte-eqttzb),.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb),.file-actions.svelte-eqttzb,.new-file.svelte-eqttzb{align-items:center;display:flex}.file-explorer.svelte-eqttzb header:where(.svelte-eqttzb){border-bottom:1px solid var(--line-system);min-height:3.25rem;font:650 .58rem/1 var(--font-mono);letter-spacing:.1em;color:var(--ink-muted);justify-content:space-between;padding:.75rem}.file-explorer.svelte-eqttzb header:where(.svelte-eqttzb) strong:where(.svelte-eqttzb){color:var(--signal-primary)}.file-explorer.svelte-eqttzb ul:where(.svelte-eqttzb){grid-auto-rows:min-content;align-content:start;max-height:none;margin:0;padding:.45rem;list-style:none;display:grid;overflow-y:auto}.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb){border-left:2px solid #0000;justify-content:space-between;gap:.25rem;min-width:0;min-height:2.35rem}.file-explorer.svelte-eqttzb li.active:where(.svelte-eqttzb){border-left-color:var(--signal-primary);background:color-mix(in srgb, var(--signal-primary) 8%, transparent)}.file-name.svelte-eqttzb{min-width:0;font:550 .64rem/1.25 var(--font-mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-primary);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.45rem;display:flex;overflow:hidden}.file-actions.svelte-eqttzb{opacity:0;gap:.2rem}.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb):hover .file-actions:where(.svelte-eqttzb),.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb):focus-within .file-actions:where(.svelte-eqttzb){opacity:1}.file-actions.svelte-eqttzb button:where(.svelte-eqttzb){font:650 .48rem/1 var(--font-mono);color:var(--ink-muted);background:0 0;border:0;padding:.22rem}.file-actions.svelte-eqttzb button:where(.svelte-eqttzb):hover,.file-actions.svelte-eqttzb button:where(.svelte-eqttzb):focus-visible{color:var(--signal-primary)}.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb) form:where(.svelte-eqttzb),.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb) input:where(.svelte-eqttzb){width:100%}.new-file.svelte-eqttzb{border-top:1px solid var(--line-system);flex-direction:column;align-items:stretch;gap:.45rem;padding:.75rem}.new-file.svelte-eqttzb label:where(.svelte-eqttzb){font:600 .52rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.new-file.svelte-eqttzb input:where(.svelte-eqttzb),.file-explorer.svelte-eqttzb li:where(.svelte-eqttzb) input:where(.svelte-eqttzb){border:0;border-bottom:1px solid var(--line-system);min-width:0;font:550 .62rem/1.2 var(--font-mono);color:var(--ink-primary);background:0 0;padding:.48rem}@media (width<=69.99rem){.file-explorer.svelte-eqttzb{border-right:0;border-bottom:1px solid var(--line-system);width:100%}.file-explorer.svelte-eqttzb ul:where(.svelte-eqttzb){max-height:14rem}}.playground.svelte-roueq7{--schematic-color-flight-control:var(--signal-secondary);--schematic-color-quantum-accent:var(--signal-primary);background:var(--surface-canvas);gap:0;width:100%;max-width:none;min-height:100dvh;margin-inline:auto;display:grid}.playground-header.svelte-roueq7,.configuration.svelte-roueq7,.panel-header.svelte-roueq7,.preview-metrics.svelte-roueq7,.title-lockup.svelte-roueq7,.configuration-actions.svelte-roueq7,.panel-controls.svelte-roueq7,.compiler-state.svelte-roueq7,.diagnostic.svelte-roueq7,.diagnostic-clear.svelte-roueq7,.editor-hint.svelte-roueq7{align-items:center;display:flex}.playground-header.svelte-roueq7{border:1px solid var(--line-system);background:color-mix(in srgb, var(--surface-panel) 96%, transparent);min-height:4.5rem;box-shadow:inset 0 2px color-mix(in srgb, var(--signal-primary) 36%, transparent);justify-content:space-between;gap:1rem;padding:.8rem 1rem}.title-lockup.svelte-roueq7{gap:.8rem;min-width:0}.title-icon.svelte-roueq7{border:1px solid var(--signal-primary);background:color-mix(in srgb, var(--signal-primary) 8%, transparent);width:2.5rem;height:2.5rem;color:var(--signal-primary);flex:0 0 2.5rem;place-items:center;display:grid}.title-lockup.svelte-roueq7 p:where(.svelte-roueq7),.panel-header.svelte-roueq7 span:where(.svelte-roueq7){font:600 .56rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-primary);margin:0 0 .25rem}.title-lockup.svelte-roueq7 h1:where(.svelte-roueq7),.panel-header.svelte-roueq7 h2:where(.svelte-roueq7){color:var(--ink-primary);margin:0}.title-lockup.svelte-roueq7 h1:where(.svelte-roueq7){font-size:clamp(1.05rem,2vw,1.45rem)}.compiler-state.svelte-roueq7{font:600 .55rem/1 var(--font-mono);letter-spacing:.08em;color:var(--signal-primary);flex:none;gap:.5rem}.compiler-state.svelte-roueq7 span:where(.svelte-roueq7){width:.45rem;height:.45rem;box-shadow:0 0 0 .22rem color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:50%}.compiler-state.invalid.svelte-roueq7{color:var(--signal-secondary)}.configuration.svelte-roueq7{border-bottom:1px solid var(--line-system);background:var(--surface-panel);flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.mode-switcher.svelte-roueq7{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:min(100%,24rem);margin:0;padding:0;display:grid}.output-switcher.svelte-roueq7{width:min(100%,30rem)}.panel-controls.svelte-roueq7{border:1px solid var(--line-system);background:var(--surface-canvas);gap:.25rem;padding:.25rem}.panel-controls.svelte-roueq7 button:where(.svelte-roueq7){font:650 .55rem/1 var(--font-mono);color:var(--ink-muted);background:0 0;border:1px solid #0000;padding:.5rem .65rem}.panel-controls.svelte-roueq7 button.active:where(.svelte-roueq7){border-color:var(--signal-primary);background:color-mix(in srgb, var(--signal-primary) 9%, transparent);color:var(--signal-primary)}.mode-switcher.svelte-roueq7 legend:where(.svelte-roueq7){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode-switcher.svelte-roueq7 label:where(.svelte-roueq7){border:1px solid var(--line-system);background:var(--surface-canvas);cursor:pointer;grid-template-columns:auto 1fr;gap:.2rem .55rem;padding:.7rem;transition:border-color .16s,background-color .16s;display:grid}.mode-switcher.svelte-roueq7 label.active:where(.svelte-roueq7){border-color:var(--signal-primary);background:color-mix(in srgb, var(--signal-primary) 8%, var(--surface-canvas))}.mode-switcher.svelte-roueq7 input:where(.svelte-roueq7){accent-color:var(--signal-primary);grid-row:1/span 2;align-self:center}.mode-switcher.svelte-roueq7 span:where(.svelte-roueq7){font:650 .68rem/1.2 var(--font-mono);color:var(--ink-primary)}.mode-switcher.svelte-roueq7 small:where(.svelte-roueq7){font:500 .58rem/1.35 var(--font-mono);color:var(--ink-muted)}.mode-switcher.svelte-roueq7 label:where(.svelte-roueq7):has(input:where(.svelte-roueq7):focus-visible){outline:2px solid var(--signal-primary);outline-offset:2px}.fence-metadata.svelte-roueq7{flex-wrap:wrap;flex:1;gap:.75rem 1.5rem;min-width:0;margin:0;display:flex}.fence-metadata.svelte-roueq7 div:where(.svelte-roueq7){gap:.28rem;min-width:7rem;display:grid}.fence-metadata.svelte-roueq7 div:where(.svelte-roueq7):first-child{flex:1;min-width:min(100%,20rem)}.fence-metadata.svelte-roueq7 dt:where(.svelte-roueq7){font:600 .54rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.fence-metadata.svelte-roueq7 dd:where(.svelte-roueq7){font:600 .68rem/1.25 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--ink-primary);margin:0;overflow:hidden}.configuration-actions.svelte-roueq7{flex-wrap:wrap;align-self:end;gap:.5rem;margin-left:auto}.primary-action.svelte-roueq7{border-color:var(--signal-primary);background:var(--signal-primary);color:var(--surface-canvas)}.workspace-split.svelte-roueq7{grid-template-columns:var(--workspace-columns);gap:0;min-height:42rem;display:grid;overflow:hidden}.editor-panel.svelte-roueq7,.preview-panel.svelte-roueq7{border:0;border-right:1px solid var(--line-system);background:var(--surface-panel);min-width:0;min-height:0;box-shadow:inset 0 2px color-mix(in srgb, var(--signal-primary) 16%, transparent);display:grid}.editor-panel.svelte-roueq7{grid-template-rows:auto minmax(32rem,1fr) auto auto}.preview-panel.svelte-roueq7{grid-template-rows:auto minmax(32rem,1fr) auto}.panel-header.svelte-roueq7{border-bottom:1px solid var(--line-system);justify-content:space-between;gap:1rem;min-height:4rem;padding:.75rem 1rem}.panel-header.svelte-roueq7 h2:where(.svelte-roueq7){font-size:.9rem}.panel-header.svelte-roueq7 output:where(.svelte-roueq7){font:600 .55rem/1 var(--font-mono);white-space:nowrap;color:var(--ink-muted)}.preview-header-actions.svelte-roueq7{align-items:center;gap:.5rem;display:flex}.coordinate-copy.svelte-roueq7{border:1px solid var(--line-system);font:600 .5rem/1 var(--font-mono);color:var(--signal-primary);background:0 0;padding:.42rem .5rem}.coordinate-copy.svelte-roueq7:disabled{opacity:.45}.code-editor-stack.svelte-roueq7{background:var(--surface-canvas);min-height:32rem;display:grid;position:relative}.code-editor-stack.svelte-roueq7 textarea:where(.svelte-roueq7){width:100%;height:100%;min-height:32rem;font:500 clamp(.76rem, .3vw + .68rem, .88rem) / 1.7 var(--font-mono);letter-spacing:normal;tab-size:2;white-space:pre;resize:none;background:var(--surface-canvas);color:var(--ink-primary);caret-color:var(--signal-indicator);border:0;border-radius:0;outline:0;margin:0;padding:clamp(1rem,2.5vw,1.8rem)}.code-editor-stack.svelte-roueq7 textarea:where(.svelte-roueq7)::selection{background:color-mix(in srgb, var(--signal-primary) 28%, transparent)}.code-editor-stack.svelte-roueq7 textarea:where(.svelte-roueq7):focus-visible{box-shadow:inset 2px 0 var(--signal-primary)}.code-editor-stack.svelte-roueq7 textarea[aria-invalid=true]:where(.svelte-roueq7){box-shadow:inset 3px 0 var(--signal-secondary)}.editor-hint.svelte-roueq7{border-top:1px solid var(--line-system);color:var(--ink-muted);flex-wrap:wrap;gap:.5rem;margin:0;padding:.65rem 1rem;font-size:.62rem}.diagnostic-slot.svelte-roueq7{border-top:1px solid var(--line-system);min-height:4.25rem}.diagnostic.svelte-roueq7,.diagnostic-clear.svelte-roueq7{gap:.8rem;min-height:4.25rem;padding:.7rem 1rem}.diagnostic.svelte-roueq7{color:var(--signal-secondary);justify-content:space-between}.diagnostic.svelte-roueq7 strong:where(.svelte-roueq7),.diagnostic-clear.svelte-roueq7{font:600 .62rem/1.4 var(--font-mono)}.diagnostic.svelte-roueq7 p:where(.svelte-roueq7){color:var(--ink-primary);font:500 .68rem/1.45 var(--font-mono);margin:.18rem 0 0}.diagnostic-clear.svelte-roueq7{color:var(--signal-primary)}.preview-viewport.svelte-roueq7{background:linear-gradient(var(--line-system) 1px, transparent 1px), linear-gradient(90deg, var(--line-system) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--line-system) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line-system) 35%, transparent) 1px, transparent 1px), var(--surface-canvas);cursor:crosshair;background-size:4rem 4rem,4rem 4rem,1rem 1rem,1rem 1rem;place-items:center;min-height:0;padding:clamp(3rem,5vw,4rem) clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem);display:grid;position:relative;overflow:auto}.performance-hud.svelte-roueq7{z-index:5;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;max-width:calc(100% - 1.3rem);display:flex;position:absolute;top:.65rem;right:.65rem}.performance-hud.svelte-roueq7 span:where(.svelte-roueq7){border:1px solid var(--line-system);background:color-mix(in srgb, var(--surface-panel) 94%, transparent);font:570 .49rem/1 var(--font-mono);text-transform:uppercase;color:var(--ink-muted);padding:.38rem .46rem}.performance-hud.svelte-roueq7 strong:where(.svelte-roueq7){color:var(--signal-primary)}.coordinate-ruler.svelte-roueq7{z-index:4;border:1px solid var(--signal-primary);background:var(--surface-panel);width:max-content;font:650 .52rem/1 var(--font-mono);letter-spacing:.06em;color:var(--signal-primary);pointer-events:none;padding:.4rem .5rem;position:sticky;top:.5rem;left:100%}.preview-viewport.document-mode.svelte-roueq7{place-items:start stretch}.preview-canvas.svelte-roueq7{width:100%;aspect-ratio:var(--schematic-aspect);contain:layout paint style;background:var(--surface-panel);box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--surface-canvas) 55%, transparent);position:relative}.preview-canvas.full-document.svelte-roueq7{aspect-ratio:auto;contain:layout paint style;min-height:100%}.preview-canvas.svelte-roueq7:not(.full-document) .compiled-preview:where(.svelte-roueq7),.preview-canvas.svelte-roueq7:not(.full-document) .compiled-preview:where(.svelte-roueq7) .schematic-frame{width:100%;height:100%;margin:0}.preview-canvas.svelte-roueq7:not(.full-document) .compiled-preview:where(.svelte-roueq7) .schematic-frame{grid-template-rows:minmax(0,1fr) auto;display:grid}.preview-canvas.svelte-roueq7:not(.full-document) .compiled-preview:where(.svelte-roueq7) .schematic-svg{width:100%;height:100%}.full-document.svelte-roueq7 .compiled-preview:where(.svelte-roueq7){max-width:76ch;color:var(--ink-primary);margin-inline:auto;padding:clamp(1rem,3vw,2.5rem)}.full-document.svelte-roueq7 .compiled-preview:where(.svelte-roueq7) .schematic-frame{width:100%}.preview-canvas.stale.svelte-roueq7 .compiled-preview:where(.svelte-roueq7){opacity:.48}.stale-indicator.svelte-roueq7{border:1px solid var(--signal-secondary);background:var(--surface-panel);font:700 .53rem/1 var(--font-mono);letter-spacing:.08em;color:var(--signal-secondary);padding:.42rem .55rem;position:absolute;top:.75rem;right:.75rem}.preview-metrics.svelte-roueq7{border-top:1px solid var(--line-system);min-height:3rem;font:600 .58rem/1 var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:.75rem 1.2rem;padding:.6rem 1rem}.preview-metrics.svelte-roueq7 strong:where(.svelte-roueq7){color:var(--signal-primary)}.copy-status.svelte-roueq7{min-height:1rem;font:600 .58rem/1 var(--font-mono);text-align:right;color:var(--signal-primary);margin:0}@media (width>=70rem){.configuration.svelte-roueq7{grid-template-columns:minmax(20rem,24rem) minmax(24rem,30rem) minmax(12rem,1fr);align-items:end;display:grid}.mode-switcher.svelte-roueq7,.output-switcher.svelte-roueq7{width:100%}.fence-metadata.svelte-roueq7{grid-column:1/3}.configuration-actions.svelte-roueq7{grid-column:3;justify-content:flex-end;margin-left:0}.workspace-split.svelte-roueq7{grid-template-columns:var(--workspace-columns)}}@media (width<=69.99rem){.workspace-split.svelte-roueq7{flex-direction:column;min-height:auto;display:flex;overflow:visible}.editor-panel.svelte-roueq7,.preview-panel.svelte-roueq7{border-right:0;border-bottom:1px solid var(--line-system);width:100%}}@media (width<=42rem){.playground-header.svelte-roueq7,.configuration.svelte-roueq7{flex-direction:column;align-items:stretch}.compiler-state.svelte-roueq7,.configuration-actions.svelte-roueq7{margin-left:0}.fence-metadata.svelte-roueq7,.fence-metadata.svelte-roueq7 div:where(.svelte-roueq7),.fence-metadata.svelte-roueq7 div:where(.svelte-roueq7):first-child{width:100%;min-width:0}.configuration-actions.svelte-roueq7 button:where(.svelte-roueq7){flex:1}.output-switcher.svelte-roueq7,.panel-controls.svelte-roueq7{width:100%}.mode-switcher.svelte-roueq7{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.preview-canvas.svelte-roueq7,.compiled-preview.svelte-roueq7{transition:none}}