.code-sandbox.svelte-vsr3od{display:grid;gap:12px;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:14px 0 44px}.seo-intro.svelte-vsr3od{width:auto;max-width:none;margin:0;padding:6px 2px 2px;text-align:left}.seo-intro.svelte-vsr3od h1:where(.svelte-vsr3od){margin:0 0 6px;font-family:var(--font-heading);font-weight:700;font-size:clamp(1.55rem,.85rem + 1.35vw,1.95rem);line-height:1.1;letter-spacing:-.015em;color:var(--wb-ink)}.seo-lede.svelte-vsr3od{max-width:74ch;margin:0;font-size:.94rem;line-height:1.55;color:var(--wb-ink-soft)}.seo-lede.svelte-vsr3od strong:where(.svelte-vsr3od){color:var(--wb-ink)}.seo-lede.svelte-vsr3od a:where(.svelte-vsr3od){color:var(--wb-teal);font-weight:700;text-decoration:none}.seo-lede.svelte-vsr3od a:where(.svelte-vsr3od):hover{text-decoration:underline;text-underline-offset:3px}.sandbox-layout.svelte-vsr3od{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:12px;align-items:start}.examples-panel.svelte-vsr3od,.editor-area.svelte-vsr3od,.info-panel.svelte-vsr3od{border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-panel);box-shadow:var(--wb-shadow);overflow:hidden}.panel-header.svelte-vsr3od{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--wb-panel-2);border-bottom:1px solid var(--wb-rule-strong);font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--wb-ink)}.panel-header.svelte-vsr3od svg{color:var(--wb-gold-deep)}.panel-count.svelte-vsr3od{margin-left:auto;padding:0 6px;border:1px solid var(--wb-rule);border-radius:999px;font-family:var(--font-code);font-size:10px;font-weight:400;color:var(--wb-muted)}.examples-list.svelte-vsr3od{display:grid;gap:3px;max-height:620px;padding:5px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--wb-rule) transparent}.example-btn.svelte-vsr3od{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--wb-ink);text-align:left;font:inherit;cursor:pointer}.example-btn.svelte-vsr3od:hover{background:var(--wb-panel-2)}.example-btn.active.svelte-vsr3od{border-color:var(--wb-gold-deep);background:var(--wb-gold-soft)}.example-icon.svelte-vsr3od{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--wb-rule);border-radius:4px;background:var(--wb-panel-2);color:var(--wb-teal)}.example-btn.active.svelte-vsr3od .example-icon:where(.svelte-vsr3od){border-color:var(--wb-gold-deep);color:var(--wb-gold-ink)}.example-info.svelte-vsr3od{display:grid;min-width:0}.example-title.svelte-vsr3od{font-size:13px;font-weight:700}.example-desc.svelte-vsr3od{font-size:11.5px;line-height:1.35;color:var(--wb-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.editor-area.svelte-vsr3od{display:grid;grid-template-rows:auto 1fr auto}.editor-toolbar.svelte-vsr3od{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 6px 12px;background:var(--wb-code-bg);border-bottom:1px solid var(--wb-code-hairline)}.toolbar-left.svelte-vsr3od{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-code);font-size:12px;color:var(--wb-code-ink)}.file-icon.svelte-vsr3od{display:inline-flex;color:var(--wb-gold)}.file-name.svelte-vsr3od{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-badge.svelte-vsr3od{padding:1px 6px;border:1px solid #3A3A3A;border-radius:3px;font-size:10px;color:var(--wb-code-dim)}.toolbar-btn.svelte-vsr3od{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 9px;border:1px solid #3A3A3A;border-radius:4px;background:#202020;color:var(--wb-code-ink);font:inherit;font-size:11.5px;cursor:pointer}.toolbar-btn.svelte-vsr3od:hover{border-color:var(--wb-gold)}.editor-container.svelte-vsr3od{min-height:520px;background:var(--wb-code-bg)}.editor-container.svelte-vsr3od .cm-editor{height:100%;min-height:520px;font-family:var(--font-code)!important;font-size:12.5px!important;line-height:1.6!important}.editor-container.svelte-vsr3od .cm-scroller{font-family:var(--font-code)!important}.editor-footer.svelte-vsr3od{padding:6px 12px;border-top:1px solid var(--wb-code-hairline);background:var(--wb-code-bg);font-family:var(--font-code);font-size:10.5px;color:var(--wb-code-dim)}.info-content.svelte-vsr3od{display:grid;gap:12px;padding:12px 14px 14px}.info-header.svelte-vsr3od{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.info-icon.svelte-vsr3od{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-gold-soft);color:var(--wb-gold-ink)}.info-header.svelte-vsr3od h2:where(.svelte-vsr3od){margin:0;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;line-height:1.2;color:var(--wb-ink)}.info-desc.svelte-vsr3od{margin:0;font-size:13px;line-height:1.5;color:var(--wb-ink-soft)}.info-section.svelte-vsr3od{display:grid;gap:6px}.info-section.svelte-vsr3od h3:where(.svelte-vsr3od){margin:0;font-family:var(--font-body);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-muted)}.info-section.svelte-vsr3od ul:where(.svelte-vsr3od){display:grid;gap:4px;margin:0;padding:0;list-style:none}.info-section.svelte-vsr3od li:where(.svelte-vsr3od){display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.45;color:var(--wb-ink-soft)}.info-section.svelte-vsr3od code:where(.svelte-vsr3od){padding:1px 5px;border:1px solid var(--wb-rule);border-radius:3px;background:var(--wb-panel-2);font-family:var(--font-code);font-size:11.5px;color:var(--wb-ink)}.static-checks.svelte-vsr3od li:where(.svelte-vsr3od){padding:6px 8px;border:1px solid var(--wb-rule);border-radius:4px}.static-checks.svelte-vsr3od li.pass:where(.svelte-vsr3od){border-color:var(--wb-teal);background:var(--wb-teal-soft);color:var(--wb-ink)}.check-dot.svelte-vsr3od{display:grid;place-items:center;flex:none;width:16px;height:16px;margin-top:1px;border:1px solid var(--wb-rule-strong);border-radius:3px;background:var(--wb-panel);color:#fff}.static-checks.svelte-vsr3od li.pass:where(.svelte-vsr3od) .check-dot:where(.svelte-vsr3od){background:var(--wb-teal);border-color:var(--wb-teal)}.sandbox-reference.svelte-vsr3od{padding:14px 18px 16px;border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-panel);box-shadow:var(--wb-shadow);color:var(--wb-ink-soft);font-size:13.5px;line-height:1.6}.sandbox-reference.svelte-vsr3od h2:where(.svelte-vsr3od){margin:0 0 6px;font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--wb-ink)}.sandbox-reference.svelte-vsr3od h2:where(.svelte-vsr3od):not(:first-child){margin-top:16px}.sandbox-reference.svelte-vsr3od p:where(.svelte-vsr3od){max-width:78ch;margin:0 0 8px}.sandbox-list.svelte-vsr3od{margin:0;padding-left:18px}.sandbox-list.svelte-vsr3od li:where(.svelte-vsr3od){margin-bottom:6px}.sandbox-list.svelte-vsr3od li:where(.svelte-vsr3od)::marker{color:var(--wb-gold-deep)}.sandbox-list.svelte-vsr3od strong:where(.svelte-vsr3od){color:var(--wb-ink)}.sandbox-reference.svelte-vsr3od code:where(.svelte-vsr3od){padding:1px 4px;border:1px solid var(--wb-rule);border-radius:3px;background:var(--wb-panel-2);font-family:var(--font-code);font-size:.88em;color:var(--wb-ink)}.sandbox-related.svelte-vsr3od{margin-top:12px;padding-top:10px;border-top:1px solid var(--wb-rule)}.sandbox-reference.svelte-vsr3od a:where(.svelte-vsr3od){color:var(--wb-teal);font-weight:700;text-decoration:none}.sandbox-reference.svelte-vsr3od a:where(.svelte-vsr3od):hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){.sandbox-layout.svelte-vsr3od{grid-template-columns:230px minmax(0,1fr)}.info-panel.svelte-vsr3od{grid-column:1 / -1}}@media(max-width:760px){.code-sandbox.svelte-vsr3od{width:min(100%,calc(100% - 24px))}.sandbox-layout.svelte-vsr3od{grid-template-columns:1fr}.examples-list.svelte-vsr3od{max-height:260px}.editor-container.svelte-vsr3od,.editor-container.svelte-vsr3od .cm-editor{min-height:380px}}