.playground.svelte-fmrlf6{position:fixed;inset:64px 0 0;display:grid;grid-template-columns:1fr 420px;background:#0a0a0a;overflow:hidden}.playground.fullscreen.svelte-fmrlf6{top:0;grid-template-columns:1fr}.stage-host.svelte-fmrlf6{position:relative;width:100%;height:100%;overflow:hidden}.stage.svelte-fmrlf6{position:absolute;inset:0}.watermark.svelte-fmrlf6{position:absolute;bottom:16px;left:16px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0a0a0a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,245,245,.08);border-radius:999px;font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f5f5f5d9;pointer-events:none}.watermark.svelte-fmrlf6 .dot:where(.svelte-fmrlf6){width:6px;height:6px;border-radius:50%;background:var(--cyan, #22d3ee);box-shadow:0 0 6px #22d3ee99}.fs-toggle.svelte-fmrlf6{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;background:#0a0a0a8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,245,245,.12);border-radius:4px;color:#f5f5f5e6;font-size:18px;font-family:var(--font-sans, ui-sans-serif);cursor:pointer;transition:border-color .2s}.fs-toggle.svelte-fmrlf6:hover{border-color:var(--indigo, #6366f1)}.drawer.svelte-fmrlf6{position:relative;background:#0f0f0feb;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);border-left:1px solid var(--hairline, #2a2a2a);color:var(--text-body, #e5e5e5);font-family:var(--font-sans, ui-sans-serif);display:flex;flex-direction:column;height:100%;overflow:hidden;z-index:10}.drawer-header.svelte-fmrlf6{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline, #2a2a2a)}.drawer-title.svelte-fmrlf6{display:flex;flex-direction:column;gap:2px}.eyebrow.svelte-fmrlf6{font-family:var(--font-mono, ui-monospace);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f5f5f573}.instrument.svelte-fmrlf6{font-size:16px;font-weight:500;color:var(--text-heading, #f5f5f5);letter-spacing:-.01em}.drawer-toggle.svelte-fmrlf6{background:transparent;border:1px solid var(--hairline);color:#f5f5f5b3;width:28px;height:28px;border-radius:3px;cursor:pointer;font-size:14px}.drawer-body.svelte-fmrlf6{flex:1 1 auto;overflow-y:auto;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:rgba(245,245,245,.18) transparent}.drawer-body.svelte-fmrlf6::-webkit-scrollbar{width:6px}.drawer-body.svelte-fmrlf6::-webkit-scrollbar-thumb{background:#f5f5f524;border-radius:3px}.section.svelte-fmrlf6{border-bottom:1px solid var(--hairline)}.section.svelte-fmrlf6>summary:where(.svelte-fmrlf6){list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:12px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f5f5f5b3;user-select:none}.section.svelte-fmrlf6>summary:where(.svelte-fmrlf6):after{content:"+";font-family:var(--font-sans);font-size:14px;color:#f5f5f566}.section[open].svelte-fmrlf6>summary:where(.svelte-fmrlf6):after{content:"−"}.section[open].svelte-fmrlf6>summary:where(.svelte-fmrlf6){color:var(--text-heading)}.section.svelte-fmrlf6 .active-tag:where(.svelte-fmrlf6),.section.svelte-fmrlf6 .badge:where(.svelte-fmrlf6){font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);border-radius:2px;padding:2px 6px;margin-left:auto;margin-right:12px;text-transform:lowercase}.section.svelte-fmrlf6>:where(.svelte-fmrlf6):not(summary){padding-left:20px;padding-right:20px}.subsection.svelte-fmrlf6{margin:8px 0;padding:0!important}.subsection.svelte-fmrlf6>summary:where(.svelte-fmrlf6){cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#f5f5f573;padding:6px 0;text-transform:uppercase}.field.svelte-fmrlf6{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px}.field.svelte-fmrlf6 span:where(.svelte-fmrlf6){display:flex;justify-content:space-between;align-items:baseline;color:#f5f5f5a6;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.field.svelte-fmrlf6 em:where(.svelte-fmrlf6){font-style:normal;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:11px;text-transform:none}.field.svelte-fmrlf6 select:where(.svelte-fmrlf6){appearance:none;-webkit-appearance:none;background:#f5f5f50a;border:1px solid var(--hairline);color:var(--text-heading);padding:8px 10px;border-radius:3px;font-family:var(--font-mono);font-size:11px;cursor:pointer}.field.svelte-fmrlf6 select:where(.svelte-fmrlf6) option:where(.svelte-fmrlf6){background:#111;color:var(--text-heading)}.field.svelte-fmrlf6 input[type=range]:where(.svelte-fmrlf6){appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#f5f5f51a;border-radius:2px;outline:none;cursor:pointer}.field.svelte-fmrlf6 input[type=range]:where(.svelte-fmrlf6)::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#fff;border:2px solid var(--indigo);border-radius:50%;cursor:grab}.field.svelte-fmrlf6 input[type=range]:where(.svelte-fmrlf6)::-moz-range-thumb{width:13px;height:13px;background:#fff;border:2px solid var(--indigo);border-radius:50%;cursor:grab}.field.check.svelte-fmrlf6{flex-direction:row;align-items:center;gap:10px}.field.check.svelte-fmrlf6 input:where(.svelte-fmrlf6){accent-color:var(--indigo)}.field.check.svelte-fmrlf6 span:where(.svelte-fmrlf6){text-transform:none;letter-spacing:0;font-size:12px;color:var(--text-body);font-family:var(--font-sans)}.field-note.svelte-fmrlf6{font-size:11px;color:#f5f5f573;line-height:1.5;margin:4px 0 12px}.preset-list.svelte-fmrlf6{max-height:320px;overflow-y:auto;margin-bottom:12px;padding:4px 0;border:1px solid var(--hairline);border-radius:3px}.preset-row.svelte-fmrlf6{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(245,245,245,.06);padding:10px 12px;cursor:pointer;color:#f5f5f5d9;transition:background .16s}.preset-row.svelte-fmrlf6:last-child{border-bottom:none}.preset-row.svelte-fmrlf6:hover{background:#6366f114}.preset-row.active.svelte-fmrlf6{background:#6366f129;border-left:2px solid var(--indigo)}.preset-name.svelte-fmrlf6{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-heading)}.preset-desc.svelte-fmrlf6{font-size:11px;color:#f5f5f58c;line-height:1.4}.color-grid.svelte-fmrlf6{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.color-cell.svelte-fmrlf6{position:relative;height:56px;border:1px solid var(--hairline);border-radius:3px;overflow:hidden;background:var(--swatch);cursor:pointer}.color-cell.svelte-fmrlf6 input[type=color]:where(.svelte-fmrlf6){position:absolute;inset:0;opacity:0;cursor:pointer}.color-hex.svelte-fmrlf6{position:absolute;bottom:4px;left:6px;right:6px;font-family:var(--font-mono);font-size:9px;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.8);pointer-events:none}.row-actions.svelte-fmrlf6{display:flex;gap:8px;margin-bottom:12px}.row-actions.svelte-fmrlf6 button:where(.svelte-fmrlf6){flex:1;background:transparent;border:1px solid var(--hairline);color:#f5f5f5b3;padding:7px;font-family:var(--font-mono);font-size:11px;cursor:pointer;border-radius:3px}.row-actions.svelte-fmrlf6 button:where(.svelte-fmrlf6):hover:not(:disabled){border-color:var(--indigo)}.row-actions.svelte-fmrlf6 button:where(.svelte-fmrlf6):disabled{opacity:.4;cursor:not-allowed}.actions.svelte-fmrlf6{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.actions-secondary.svelte-fmrlf6{display:flex;gap:8px}.actions.svelte-fmrlf6 button:where(.svelte-fmrlf6){background:transparent;border:1px solid var(--hairline);color:#f5f5f5d9;padding:10px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:border-color .2s,background .2s}.actions-secondary.svelte-fmrlf6 button:where(.svelte-fmrlf6){flex:1}.actions.svelte-fmrlf6 button:where(.svelte-fmrlf6):hover{border-color:var(--indigo)}.actions.svelte-fmrlf6 button.primary:where(.svelte-fmrlf6){background:var(--indigo);color:#fff;border-color:var(--indigo)}.actions.svelte-fmrlf6 button.primary:where(.svelte-fmrlf6):hover{background:#4f46e5;border-color:#4f46e5}.modal-backdrop.svelte-fmrlf6{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal.svelte-fmrlf6{width:min(720px,100%);max-height:80vh;background:var(--canvas, #0a0a0a);border:1px solid var(--hairline);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0009}.modal-header.svelte-fmrlf6{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--hairline)}.modal-header.svelte-fmrlf6 h2:where(.svelte-fmrlf6){margin:4px 0 0;font-family:var(--font-sans);font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--text-heading)}.modal-close.svelte-fmrlf6{background:transparent;border:none;color:#f5f5f599;font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-close.svelte-fmrlf6:hover{color:var(--text-heading)}.modal-tabs.svelte-fmrlf6{display:flex;border-bottom:1px solid var(--hairline);padding:0 12px}.modal-tabs.svelte-fmrlf6 button:where(.svelte-fmrlf6){background:transparent;border:none;border-bottom:2px solid transparent;color:#f5f5f58c;padding:12px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-bottom:-1px}.modal-tabs.svelte-fmrlf6 button.active:where(.svelte-fmrlf6){color:var(--text-heading);border-bottom-color:var(--indigo)}.snippet.svelte-fmrlf6{flex:1 1 auto;overflow:auto;margin:0;padding:24px;background:#060606;color:var(--text-body);font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre}.modal-footer.svelte-fmrlf6{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--hairline);background:#f5f5f505}.modal-footer.svelte-fmrlf6 .hint:where(.svelte-fmrlf6){font-family:var(--font-mono);font-size:11px;color:#f5f5f580}.modal-footer.svelte-fmrlf6 .primary:where(.svelte-fmrlf6){background:var(--indigo);color:#fff;border:1px solid var(--indigo);padding:9px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px}.modal-footer.svelte-fmrlf6 .primary:where(.svelte-fmrlf6):hover{background:#4f46e5}.modal.paywall.svelte-fmrlf6{width:min(560px,100%)}.paywall-body.svelte-fmrlf6{padding:24px}.paywall-lead.svelte-fmrlf6{font-size:15px;line-height:1.6;color:var(--text-body);margin-bottom:24px}.paywall-includes.svelte-fmrlf6{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px}.paywall-includes.svelte-fmrlf6 li:where(.svelte-fmrlf6){display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-body);line-height:1.55}.paywall-includes.svelte-fmrlf6 .check:where(.svelte-fmrlf6){color:var(--cyan);font-weight:600;flex-shrink:0}.paywall-config-tag.svelte-fmrlf6{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);letter-spacing:.04em;padding:10px 12px;background:#f5f5f50a;border:1px solid var(--hairline);border-radius:3px}.paywall-config-tag.svelte-fmrlf6 code:where(.svelte-fmrlf6){color:var(--cyan);font-family:inherit;margin-left:8px}.paywall-footer.svelte-fmrlf6{flex-direction:column;align-items:stretch;gap:8px}.paywall-footer.svelte-fmrlf6 .primary:where(.svelte-fmrlf6),.paywall-footer.svelte-fmrlf6 .secondary:where(.svelte-fmrlf6){display:block;text-align:center;text-decoration:none;padding:14px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:3px}.paywall-footer.svelte-fmrlf6 .primary:where(.svelte-fmrlf6){background:var(--indigo);color:#fff;border:1px solid var(--indigo)}.paywall-footer.svelte-fmrlf6 .primary:where(.svelte-fmrlf6):hover{background:#4f46e5}.paywall-footer.svelte-fmrlf6 .secondary:where(.svelte-fmrlf6){background:transparent;color:var(--text-secondary);border:1px solid var(--hairline)}.paywall-footer.svelte-fmrlf6 .secondary:where(.svelte-fmrlf6):hover{color:var(--text-heading);border-color:var(--text-secondary)}@media(max-width:880px){.playground.svelte-fmrlf6{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.drawer.svelte-fmrlf6{border-left:none;border-top:1px solid var(--hairline)}}body{overflow:hidden}.playground-shell[data-astro-cid-hysxhxay]{position:relative;width:100vw;height:100vh}