.playground.svelte-j6hxly{width:min(100%,1500px);min-height:100dvh;padding:clamp(28px, 4vw, 52px) var(--page-inset) calc(var(--nav-clearance) + 18px);grid-template-rows:auto minmax(0,1fr);gap:20px;margin-inline:auto;display:grid}.playground-head.svelte-j6hxly{align-items:flex-end;display:flex}h1.svelte-j6hxly{font-family:var(--font-brand);letter-spacing:-.045em;font-size:clamp(42px,6vw,68px);font-weight:500;line-height:.9}.workbench.svelte-j6hxly{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:0;display:grid;overflow:hidden}section.svelte-j6hxly{background:var(--page);min-width:0;min-height:0;display:grid}.editor-panel.svelte-j6hxly{border-right:1px solid var(--line);grid-template-rows:52px minmax(280px,1fr) auto}.preview-panel.svelte-j6hxly{grid-template-rows:52px minmax(280px,1fr)}.panel-head.svelte-j6hxly{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 76%, var(--page));justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex}h2.svelte-j6hxly,.status.svelte-j6hxly{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:400}.status.svelte-j6hxly{color:var(--secondary);align-items:center;gap:8px;display:flex}.status.svelte-j6hxly i:where(.svelte-j6hxly){background:var(--life);border-radius:50%;width:6px;height:6px}.status.svelte-j6hxly .error-dot:where(.svelte-j6hxly){background:var(--afterglow)}.spin.svelte-j6hxly svg{animation:1s linear infinite svelte-j6hxly-spin}.dialect-tabs.svelte-j6hxly,.mode-toggle.svelte-j6hxly{align-items:center;gap:4px;display:flex}.dialect-tabs.svelte-j6hxly button:where(.svelte-j6hxly),.mode-toggle.svelte-j6hxly button:where(.svelte-j6hxly){min-height:30px;color:var(--muted);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;padding:0 10px;font-size:13px;font-weight:600;transition:color .16s,background .16s,transform .12s}.dialect-tabs.svelte-j6hxly button:where(.svelte-j6hxly):hover,.mode-toggle.svelte-j6hxly button:where(.svelte-j6hxly):hover{color:var(--ink)}.dialect-tabs.svelte-j6hxly button:where(.svelte-j6hxly):active,.mode-toggle.svelte-j6hxly button:where(.svelte-j6hxly):active{transform:scale(.96)}.dialect-tabs.svelte-j6hxly button.active:where(.svelte-j6hxly),.mode-toggle.svelte-j6hxly button.active:where(.svelte-j6hxly){color:var(--ink);background:var(--track)}textarea.svelte-j6hxly{resize:none;width:100%;min-height:0;color:var(--ink);background:var(--page);font-family:var(--font-code);tab-size:2;border:0;border-radius:0;outline:0;padding:clamp(20px,2.6vw,32px);font-size:13px;line-height:1.8}.editor-controls.svelte-j6hxly{border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 76%, var(--page));justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 16px;display:flex}.auto-note.svelte-j6hxly{color:var(--muted);font-family:var(--font-code);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.preview-surface.svelte-j6hxly{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--page);background-size:36px 36px;place-items:center;min-height:0;padding:clamp(24px,4vw,56px);display:grid;overflow:auto}.formula.svelte-j6hxly{width:min(100%,900px);height:100%;max-height:100%;color:var(--ink);place-items:center;display:grid}.formula.svelte-j6hxly svg{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.error.svelte-j6hxly,.waiting.svelte-j6hxly{max-width:44ch;color:var(--secondary);font-family:var(--font-code);text-align:center;font-size:11px;line-height:1.7}.error.svelte-j6hxly{color:var(--afterglow)}@keyframes svelte-j6hxly-spin{to{transform:rotate(360deg)}}@media (width>=901px){.workbench.svelte-j6hxly{height:clamp(520px,68svh,760px)}.editor-panel.svelte-j6hxly{grid-template-rows:52px minmax(0,1fr) auto}.preview-panel.svelte-j6hxly{grid-template-rows:52px minmax(0,1fr)}}@media (width<=900px){.workbench.svelte-j6hxly{grid-template-columns:1fr}.editor-panel.svelte-j6hxly{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:52px minmax(280px,44svh) auto}.preview-panel.svelte-j6hxly{grid-template-rows:52px minmax(340px,52svh)}.playground.svelte-j6hxly{min-height:auto}}@media (width<=600px){.playground.svelte-j6hxly{padding-top:24px;padding-bottom:calc(var(--nav-clearance) + 10px)}.editor-controls.svelte-j6hxly{flex-wrap:wrap}.auto-note.svelte-j6hxly{display:none}.preview-surface.svelte-j6hxly{min-height:300px}}