.page-intro.svelte-j6hxly{padding:clamp(80px,13vw,150px) 0 70px}.page-intro.svelte-j6hxly h1:where(.svelte-j6hxly){margin:18px 0 22px}.lead.svelte-j6hxly{max-width:58ch;color:var(--muted);margin:0;font-size:1.08rem}.playground-layout.svelte-j6hxly{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}.form-panel.svelte-j6hxly,.result-panel.svelte-j6hxly{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);min-width:0;padding:24px}.panel-heading.svelte-j6hxly{margin-bottom:24px}.result-heading.svelte-j6hxly{justify-content:space-between;align-items:start;gap:18px;display:flex}h2.svelte-j6hxly{font-family:var(--font-display);letter-spacing:-.03em;margin:7px 0 0;font-size:2rem;font-weight:400;line-height:1}label.svelte-j6hxly{gap:7px;margin-bottom:20px;display:grid}label.svelte-j6hxly span:where(.svelte-j6hxly){font-size:.84rem;font-weight:600}input.svelte-j6hxly,textarea.svelte-j6hxly{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface-strong);width:100%;color:var(--ink);font-family:var(--font-mono);padding:10px 12px;font-size:.82rem;line-height:1.55}textarea.svelte-j6hxly{resize:vertical}small.svelte-j6hxly{color:var(--muted);font-size:.76rem}.error.svelte-j6hxly{color:var(--signal-deep);margin:18px 0 0;font-size:.84rem}.actions.svelte-j6hxly{flex-wrap:wrap;gap:8px;display:flex}.actions.svelte-j6hxly .button{min-height:36px;padding:6px 10px;font-size:.78rem}pre.svelte-j6hxly{border-radius:var(--radius-sm);background:var(--ink);max-height:640px;color:var(--paper);font-family:var(--font-mono);margin:0;padding:18px;font-size:.78rem;line-height:1.6;overflow:auto}.empty-result.svelte-j6hxly{border:1px dashed var(--rule);border-radius:var(--radius-sm);min-height:260px;color:var(--muted);text-align:center;place-content:center;padding:30px;display:grid}.empty-result.svelte-j6hxly strong:where(.svelte-j6hxly){color:var(--ink)}.empty-result.svelte-j6hxly p:where(.svelte-j6hxly){max-width:34ch;margin:8px 0 0}.note-row.svelte-j6hxly{color:var(--muted);gap:8px;padding:20px 0 70px;font-size:.82rem;display:flex}.note-row.svelte-j6hxly strong:where(.svelte-j6hxly){color:var(--mineral)}@media (width<=820px){.playground-layout.svelte-j6hxly{grid-template-columns:1fr}}@media (width<=560px){.form-panel.svelte-j6hxly,.result-panel.svelte-j6hxly{padding:18px}.result-heading.svelte-j6hxly{flex-direction:column;align-items:flex-start}.note-row.svelte-j6hxly{flex-direction:column;align-items:flex-start;gap:4px}}