.beginner-guide[data-astro-cid-5vurlbmn]{border-block:1px solid var(--color-border-subtle);background:var(--color-canvas-subtle);min-width:0;overflow-x:clip}.guide-shell[data-astro-cid-5vurlbmn]{min-width:0;max-width:var(--content-width)}.guide-reading[data-astro-cid-5vurlbmn]{min-width:0;max-width:var(--reading-width);line-height:1.75}.guide-intro[data-astro-cid-5vurlbmn]{margin-bottom:2rem;padding-top:clamp(.5rem,2vw,1.5rem)}.guide-intro[data-astro-cid-5vurlbmn] h2[data-astro-cid-5vurlbmn],.guide-section[data-astro-cid-5vurlbmn] h3[data-astro-cid-5vurlbmn]{margin-top:.45rem}.path-map[data-astro-cid-5vurlbmn]{margin-top:1.25rem;padding:1rem 1.1rem}.path-map[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{margin:0}.path-map[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]+p[data-astro-cid-5vurlbmn]{margin-top:.45rem}.back-link[data-astro-cid-5vurlbmn]{min-height:2.75rem;color:var(--color-brand-text);text-underline-offset:.22em;align-items:center;margin-top:1rem;font-weight:720;display:inline-flex}.guide-toc[data-astro-cid-5vurlbmn]{border-color:var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-raised);max-width:68rem;box-shadow:var(--highlight-inset), var(--shadow-sm);padding:0;overflow:hidden}.guide-toc[data-astro-cid-5vurlbmn] nav[data-astro-cid-5vurlbmn]{padding:0 1.2rem 1.2rem}.toc-groups[data-astro-cid-5vurlbmn]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.toc-group[data-astro-cid-5vurlbmn]>p[data-astro-cid-5vurlbmn]{color:var(--color-text);font-size:var(--font-small);margin:0;font-weight:760}.toc-group[data-astro-cid-5vurlbmn] ol[data-astro-cid-5vurlbmn]{margin:.65rem 0 0;padding-left:1.4rem}.guide-toc[data-astro-cid-5vurlbmn] a[data-astro-cid-5vurlbmn]{min-height:2.5rem;color:var(--color-text-secondary);text-underline-offset:.2em;transition:color var(--transition-fast) ease, text-decoration-color var(--transition-fast) ease;align-items:center;text-decoration-color:#0000;display:inline-flex}.guide-toc[data-astro-cid-5vurlbmn] a[data-astro-cid-5vurlbmn]:hover{color:var(--color-brand-text);text-decoration-color:currentColor}summary[data-astro-cid-5vurlbmn]{min-height:3rem;color:var(--color-text);cursor:pointer;padding:.9rem 1.1rem;font-weight:740}summary[data-astro-cid-5vurlbmn]:focus-visible{outline-offset:-4px}.guide-toc[data-astro-cid-5vurlbmn][open]>summary[data-astro-cid-5vurlbmn],.details-list[data-astro-cid-5vurlbmn] details[data-astro-cid-5vurlbmn][open]>summary[data-astro-cid-5vurlbmn],.advanced-note[data-astro-cid-5vurlbmn][open]>summary[data-astro-cid-5vurlbmn],.mistake-group[data-astro-cid-5vurlbmn][open]>summary[data-astro-cid-5vurlbmn],.practice[data-astro-cid-5vurlbmn][open]>summary[data-astro-cid-5vurlbmn]{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-recessed)}.guide-section[data-astro-cid-5vurlbmn]{border-bottom:1px solid var(--color-border-subtle);min-width:0;max-width:100%;padding-block:clamp(3.3rem,7vw,5.6rem);scroll-margin-top:7.5rem}.guide-section[data-astro-cid-5vurlbmn]:last-child{border-bottom:0}.guide-section[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn]{margin-top:1.4rem}.guide-kicker[data-astro-cid-5vurlbmn]{color:var(--color-brand-text);font-size:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-weight:780}.guide-note[data-astro-cid-5vurlbmn]{border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-lg);background:var(--color-info-soft);box-shadow:var(--shadow-xs);margin-top:1.25rem;padding:1rem 1.1rem}.guide-note[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{margin:.45rem 0 0}.guide-note[data-astro-cid-5vurlbmn] strong[data-astro-cid-5vurlbmn],.walkthrough-card[data-astro-cid-5vurlbmn] strong[data-astro-cid-5vurlbmn],.mistake-group[data-astro-cid-5vurlbmn] strong[data-astro-cid-5vurlbmn]{color:var(--color-text)}.guide-note--warning[data-astro-cid-5vurlbmn]{border-color:var(--color-border);border-left-color:var(--color-warning);background:var(--color-warning-soft)}pre[data-astro-cid-5vurlbmn]{border:1px solid var(--color-code-border);border-radius:var(--radius-lg);background:var(--color-code-background);min-width:0;max-width:100%;color:var(--color-code);box-shadow:var(--highlight-inset);white-space:pre;padding:1rem;font-size:.86rem;line-height:1.65;overflow-x:auto}code[data-astro-cid-5vurlbmn]{overflow-wrap:anywhere;word-break:break-word;max-width:100%}pre[data-astro-cid-5vurlbmn] code[data-astro-cid-5vurlbmn]{overflow-wrap:normal;white-space:inherit;word-break:normal}[data-astro-cid-5vurlbmn]:not(pre)>code[data-astro-cid-5vurlbmn]{color:var(--color-brand-text)}.language-flow[data-astro-cid-5vurlbmn],.sequence[data-astro-cid-5vurlbmn]{gap:.7rem;margin-top:1.25rem;padding:1rem 1.1rem;display:grid}.language-flow[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn],.sequence[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{grid-template-columns:minmax(7rem,auto) auto minmax(0,1fr);align-items:baseline;gap:.65rem;margin:0;display:grid}.sequence[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{display:block}.quick-start-list[data-astro-cid-5vurlbmn],.notice-list[data-astro-cid-5vurlbmn],.check-list[data-astro-cid-5vurlbmn],.final-list[data-astro-cid-5vurlbmn]{margin-top:1.25rem;padding:1rem 1rem 1rem 2.35rem}.quick-start-list[data-astro-cid-5vurlbmn] li[data-astro-cid-5vurlbmn],.notice-list[data-astro-cid-5vurlbmn] li[data-astro-cid-5vurlbmn],.check-list[data-astro-cid-5vurlbmn] li[data-astro-cid-5vurlbmn],.final-list[data-astro-cid-5vurlbmn] li[data-astro-cid-5vurlbmn]{margin-top:.6rem}.code-parts[data-astro-cid-5vurlbmn],.glossary-list[data-astro-cid-5vurlbmn]{margin-top:1.25rem;padding:0 1.1rem}.code-parts[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn],.glossary-list[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]{border-bottom:1px solid var(--color-border-subtle);padding-block:.85rem}.code-parts[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]:last-child,.glossary-list[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]:last-child{border-bottom:0}dt[data-astro-cid-5vurlbmn]{color:var(--color-text);font-weight:750}dd[data-astro-cid-5vurlbmn]{color:var(--color-text-muted);margin:.3rem 0 0}.comparison-grid[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn],.walkthrough-list[data-astro-cid-5vurlbmn]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.checker-grid[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn]{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-grid[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.walkthrough-card[data-astro-cid-5vurlbmn]{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);min-width:0;max-width:100%;box-shadow:var(--highlight-inset), var(--shadow-xs);padding:1.1rem}.comparison-grid[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn],.walkthrough-card[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn]{margin-top:0}.comparison-grid[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn],.walkthrough-card[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{margin:.65rem 0 0}.error-type-list[data-astro-cid-5vurlbmn] pre[data-astro-cid-5vurlbmn]{font-size:.76rem}.walkthrough-list[data-astro-cid-5vurlbmn]{counter-reset:walkthrough;padding:0;list-style:none}.walkthrough-card[data-astro-cid-5vurlbmn]{counter-increment:walkthrough}.walkthrough-card[data-astro-cid-5vurlbmn] h4[data-astro-cid-5vurlbmn]:before{border:1px solid var(--color-brand-soft-strong);border-radius:var(--radius-round);background:var(--color-brand-soft);width:2rem;height:2rem;color:var(--color-brand-text);content:counter(walkthrough);font-family:var(--font-mono);font-size:var(--font-label);place-items:center;margin-right:.65rem;display:inline-grid}.path-divider[data-astro-cid-5vurlbmn]{border-bottom:0}.path-divider[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]{border-left:4px solid var(--color-brand);background:var(--color-brand-soft);padding:1.25rem}.path-divider[data-astro-cid-5vurlbmn] h3[data-astro-cid-5vurlbmn]{margin-top:.45rem}.advanced-note[data-astro-cid-5vurlbmn],.details-list[data-astro-cid-5vurlbmn] details[data-astro-cid-5vurlbmn],.mistake-group[data-astro-cid-5vurlbmn],.practice[data-astro-cid-5vurlbmn]{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);padding:0;overflow:hidden}.advanced-note[data-astro-cid-5vurlbmn],.details-list[data-astro-cid-5vurlbmn],.mistake-groups[data-astro-cid-5vurlbmn],.practice[data-astro-cid-5vurlbmn]{margin-top:1rem}.advanced-note[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn],.details-list[data-astro-cid-5vurlbmn] details[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn],.practice[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]{padding:0 1.1rem 1rem}.advanced-note[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn],.details-list[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{margin:0}.details-list[data-astro-cid-5vurlbmn],.mistake-groups[data-astro-cid-5vurlbmn],.reference-list[data-astro-cid-5vurlbmn]{gap:.75rem;display:grid}.mistake-group[data-astro-cid-5vurlbmn] dl[data-astro-cid-5vurlbmn]{margin:0;padding:0 1.1rem 1rem}.mistake-group[data-astro-cid-5vurlbmn] dl[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]{border-bottom:1px solid var(--color-border-subtle);padding-block:1rem}.mistake-group[data-astro-cid-5vurlbmn] dl[data-astro-cid-5vurlbmn]>div[data-astro-cid-5vurlbmn]:last-child{border-bottom:0}.mistake-group[data-astro-cid-5vurlbmn] dd[data-astro-cid-5vurlbmn]{margin-top:.45rem}.glossary-list[data-astro-cid-5vurlbmn]{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;display:grid}.practice-answer[data-astro-cid-5vurlbmn]{margin:0}.practice-answer[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{margin-top:.8rem}.practice-answer[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]:first-child{margin-top:0}.faq-list[data-astro-cid-5vurlbmn]>details[data-astro-cid-5vurlbmn]>p[data-astro-cid-5vurlbmn]{margin:0;padding:0 1.1rem 1rem}.final-list[data-astro-cid-5vurlbmn]{margin-bottom:1.5rem}.reference-list[data-astro-cid-5vurlbmn]{margin-top:1.25rem;padding:0;list-style:none}.reference-list[data-astro-cid-5vurlbmn] li[data-astro-cid-5vurlbmn]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:.85rem 1rem}.reference-list[data-astro-cid-5vurlbmn] a[data-astro-cid-5vurlbmn]{align-items:center;min-height:2.75rem;font-weight:740;display:inline-flex}.reference-list[data-astro-cid-5vurlbmn] span[data-astro-cid-5vurlbmn]{color:var(--color-text-muted);display:block}.language-flow[data-astro-cid-5vurlbmn],.sequence[data-astro-cid-5vurlbmn],.quick-start-list[data-astro-cid-5vurlbmn],.notice-list[data-astro-cid-5vurlbmn],.check-list[data-astro-cid-5vurlbmn],.final-list[data-astro-cid-5vurlbmn],.code-parts[data-astro-cid-5vurlbmn],.glossary-list[data-astro-cid-5vurlbmn],.path-map[data-astro-cid-5vurlbmn]{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--highlight-inset), var(--shadow-xs)}@media (width<=64rem){.toc-groups[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn]{grid-template-columns:1fr}}@media (width<=48rem){.comparison-grid[data-astro-cid-5vurlbmn],.walkthrough-list[data-astro-cid-5vurlbmn],.glossary-list[data-astro-cid-5vurlbmn]{grid-template-columns:1fr}.language-flow[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{grid-template-columns:minmax(7rem,auto) auto minmax(0,1fr)}}@media (width<=30rem){.guide-section[data-astro-cid-5vurlbmn]{padding-block:2.8rem}pre[data-astro-cid-5vurlbmn]{font-size:.76rem}.language-flow[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn]{grid-template-columns:1fr;gap:.15rem}.language-flow[data-astro-cid-5vurlbmn] p[data-astro-cid-5vurlbmn] span[data-astro-cid-5vurlbmn]{display:none}}@media print{.beginner-guide[data-astro-cid-5vurlbmn]{color:#000;background:#fff}.guide-section[data-astro-cid-5vurlbmn]{break-inside:avoid}.guide-toc[data-astro-cid-5vurlbmn],.comparison-grid[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.checker-grid[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.error-type-list[data-astro-cid-5vurlbmn]>section[data-astro-cid-5vurlbmn],.walkthrough-card[data-astro-cid-5vurlbmn],.glossary-list[data-astro-cid-5vurlbmn],.path-map[data-astro-cid-5vurlbmn],.language-flow[data-astro-cid-5vurlbmn],.sequence[data-astro-cid-5vurlbmn]{box-shadow:none;background:#fff;border-color:#bbb}pre[data-astro-cid-5vurlbmn]{color:#000;background:#f5f5f5;border-color:#bbb}details[data-astro-cid-5vurlbmn]:not([open])>[data-astro-cid-5vurlbmn]:not(summary){display:block}.back-link[data-astro-cid-5vurlbmn],.final-list[data-astro-cid-5vurlbmn]+.button[data-astro-cid-5vurlbmn]{display:none}}.playground-page-section[data-astro-cid-ofwnodi4]{padding-block:1rem clamp(3.5rem,8vw,6rem)}.playground-container[data-astro-cid-ofwnodi4]{width:min(100% - 1.25rem,96rem)}.guide-jump[data-astro-cid-ofwnodi4]{border-left:3px solid var(--color-brand);background:var(--color-brand-soft);margin:0 0 1rem;padding:.9rem 1rem}.guide-jump[data-astro-cid-ofwnodi4] a[data-astro-cid-ofwnodi4]{font-weight:720}.playground-safety[data-astro-cid-ofwnodi4]{border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border));background:var(--color-warning-soft);color:var(--color-warning);margin-block:1rem}.playground-workspace[data-astro-cid-ofwnodi4]{border-color:var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-raised);min-width:0;box-shadow:var(--shadow-md);margin-top:1rem;overflow:clip}.playground-header[data-astro-cid-ofwnodi4],.playground-section-heading[data-astro-cid-ofwnodi4],.editor-panel__heading[data-astro-cid-ofwnodi4],.preview-heading-row[data-astro-cid-ofwnodi4]{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.playground-header[data-astro-cid-ofwnodi4]{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 84%, var(--color-brand-soft));padding:clamp(1.1rem,2.5vw,1.6rem)}.playground-header[data-astro-cid-ofwnodi4] h2[data-astro-cid-ofwnodi4],.playground-section-heading[data-astro-cid-ofwnodi4] h3[data-astro-cid-ofwnodi4]{margin-top:.4rem}.playground-header[data-astro-cid-ofwnodi4] p[data-astro-cid-ofwnodi4],.playground-section-heading[data-astro-cid-ofwnodi4] p[data-astro-cid-ofwnodi4]{margin:.45rem 0 0}.playground-status[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-recessed);max-width:28rem;min-height:2.6rem;color:var(--color-text-secondary);font-size:var(--font-small);align-items:center;gap:.55rem;padding:.55rem .75rem;font-weight:650;display:inline-flex}.playground-status[data-astro-cid-ofwnodi4][data-state=success]{border-color:color-mix(in srgb, var(--color-success) 38%, var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.playground-status[data-astro-cid-ofwnodi4][data-state=warning]{border-color:color-mix(in srgb, var(--color-warning) 38%, var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}.playground-status[data-astro-cid-ofwnodi4][data-state=error]{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.playground-primary-actions[data-astro-cid-ofwnodi4],.playground-settings[data-astro-cid-ofwnodi4],.run-warning[data-astro-cid-ofwnodi4],.workspace-shortcuts[data-astro-cid-ofwnodi4]{border-bottom:1px solid var(--color-border-subtle);margin:0;padding:1rem clamp(1rem,2.5vw,1.5rem)}.button--danger[data-astro-cid-ofwnodi4]{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.button--danger[data-astro-cid-ofwnodi4]:hover{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}.run-warning[data-astro-cid-ofwnodi4]{background:var(--color-surface-recessed);color:var(--color-text-secondary);font-size:var(--font-small)}.playground-settings[data-astro-cid-ofwnodi4]{background:var(--color-surface-raised);grid-template-columns:minmax(12rem,.75fr) minmax(15rem,1fr) repeat(2,minmax(13rem,1fr));align-items:start;gap:1rem;display:grid}.playground-setting[data-astro-cid-ofwnodi4]{margin-top:1.65rem}.playground-main-grid[data-astro-cid-ofwnodi4]{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(20rem,1fr) minmax(20rem,1fr);min-width:0;display:grid}.playground-editors[data-astro-cid-ofwnodi4],.playground-preview-panel[data-astro-cid-ofwnodi4]{min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.playground-preview-panel[data-astro-cid-ofwnodi4]{background:var(--color-surface-recessed)}.playground-editors[data-astro-cid-ofwnodi4]{border-right:1px solid var(--color-border)}.editor-tabs[data-astro-cid-ofwnodi4],.feedback-tabs[data-astro-cid-ofwnodi4],.playground-mobile-tabs[data-astro-cid-ofwnodi4],.preview-size-controls[data-astro-cid-ofwnodi4]{flex-wrap:wrap;gap:.35rem;display:flex}.editor-tabs[data-astro-cid-ofwnodi4],.feedback-tabs[data-astro-cid-ofwnodi4],.preview-size-controls[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-recessed);padding:.25rem}.editor-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4],.feedback-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4],.playground-mobile-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4],.preview-size-controls[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4],.text-button[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-raised);min-height:2.55rem;color:var(--color-text);font:inherit;font-size:var(--font-small);padding:.45rem .7rem;font-weight:680}.editor-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4][aria-selected=true],.feedback-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4][aria-selected=true],.playground-mobile-tabs[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4][aria-selected=true],.preview-size-controls[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4][aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-brand-foreground)}.editor-stack[data-astro-cid-ofwnodi4]{gap:1rem;min-width:0;margin-top:1rem;display:grid}.editor-panel[data-astro-cid-ofwnodi4]{min-width:0}.editor-panel__heading[data-astro-cid-ofwnodi4]{align-items:center;margin-bottom:.5rem}.editor-panel__heading[data-astro-cid-ofwnodi4]>label[data-astro-cid-ofwnodi4]{color:var(--color-text);font-weight:740}.editor-meta[data-astro-cid-ofwnodi4]{color:var(--color-text-muted);font-size:var(--font-label);align-items:center;gap:.65rem;display:flex}.text-button[data-astro-cid-ofwnodi4]{min-height:2.2rem;padding:.35rem .55rem}.code-fallback[data-astro-cid-ofwnodi4]{tab-size:2;min-height:22rem;font-family:var(--font-mono);font-size:.88rem}.code-editor-mount[data-astro-cid-ofwnodi4]{min-width:0}.code-editor-mount .cm-editor{border:1px solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-background);min-width:0;height:28rem;color:var(--color-code);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 5%, transparent);font-family:var(--font-mono);font-size:.88rem;overflow:hidden}.code-editor-mount .cm-editor.cm-focused{border-color:var(--color-focus);outline:3px solid color-mix(in srgb, var(--color-focus) 22%, transparent);outline-offset:0}.code-editor-mount .cm-scroller{font-family:var(--font-mono);overflow:auto}.code-editor-mount .cm-gutters{border-right-color:var(--color-border);background:var(--color-surface-recessed);color:var(--color-text-muted)}.code-editor-mount .cm-content,.code-editor-mount .cm-line{min-width:0}.preview-viewport[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(45deg, var(--color-surface-strong) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(-45deg, var(--color-surface-strong) 25%, transparent 25%) 0 0 / 1rem 1rem, var(--color-surface-recessed);justify-content:center;align-items:stretch;max-width:100%;min-height:31rem;margin-top:1rem;padding:.65rem;display:flex;overflow:auto}#playground-preview[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:#fff;width:100%;min-width:0;min-height:29rem}.preview-viewport[data-astro-cid-ofwnodi4][data-preview-size-value=mobile] #playground-preview[data-astro-cid-ofwnodi4]{flex:0 0 min(23.4375rem,100%);width:min(23.4375rem,100%)}.preview-viewport[data-astro-cid-ofwnodi4][data-preview-size-value=tablet] #playground-preview[data-astro-cid-ofwnodi4]{flex:0 0 min(48rem,100%);width:min(48rem,100%)}.preview-viewport[data-astro-cid-ofwnodi4][data-preview-size-value=desktop] #playground-preview[data-astro-cid-ofwnodi4]{flex:0 0 min(80rem,100%);width:min(80rem,100%)}.preview-width[data-astro-cid-ofwnodi4]{color:var(--color-text-muted);font-size:var(--font-label);text-align:center;margin:.5rem 0 0}.feedback-area[data-astro-cid-ofwnodi4]{background:var(--color-surface-raised);min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.feedback-panel[data-astro-cid-ofwnodi4]{min-width:0;margin-top:1rem}.problem-summary[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-recessed);flex-wrap:wrap;gap:.75rem;padding:.8rem;display:flex}.problem-filters[data-astro-cid-ofwnodi4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.problem-filters[data-astro-cid-ofwnodi4] fieldset[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:.75rem;margin:0;padding:.75rem;display:flex}.problem-filters[data-astro-cid-ofwnodi4] legend[data-astro-cid-ofwnodi4]{color:var(--color-text);font-size:var(--font-small);padding-inline:.3rem;font-weight:720}.problem-filters[data-astro-cid-ofwnodi4] label[data-astro-cid-ofwnodi4]{color:var(--color-text-muted);font-size:var(--font-small)}.problem-list[data-astro-cid-ofwnodi4]{gap:.55rem;margin-top:1rem;display:grid}.playground-diagnostic{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);width:100%;min-width:0;color:var(--color-text);text-align:left;grid-template-columns:auto minmax(0,1fr);gap:.7rem;padding:.8rem;display:grid}.playground-diagnostic[data-severity=error]{border-left:4px solid var(--color-danger)}.playground-diagnostic[data-severity=warning]{border-left:4px solid var(--color-warning)}.playground-diagnostic[data-severity=info]{border-left:4px solid var(--color-info)}.playground-diagnostic__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-label)}.playground-diagnostic__message{overflow-wrap:anywhere}.console-toolbar[data-astro-cid-ofwnodi4]{margin-bottom:.75rem}.console-output[data-astro-cid-ofwnodi4]{border:1px solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-background);min-height:12rem;max-height:28rem;color:var(--color-code);font-family:var(--font-mono);padding:.8rem;font-size:.82rem;overflow:auto}.console-entry{border-bottom:1px solid var(--color-code-border);grid-template-columns:auto minmax(0,1fr);gap:.65rem;min-width:0;padding-block:.4rem;display:grid}.console-entry__level{color:var(--color-brand-text);text-transform:uppercase;font-weight:760}.console-entry__message{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.console-empty[data-astro-cid-ofwnodi4]{color:var(--color-text-secondary);margin:0}.document-import[data-astro-cid-ofwnodi4]{box-shadow:none;margin:0 clamp(1rem,2.5vw,1.5rem) 1.5rem}.document-import[data-astro-cid-ofwnodi4] summary[data-astro-cid-ofwnodi4]{color:var(--color-text);cursor:pointer;padding:1rem;font-weight:740}.document-import__body[data-astro-cid-ofwnodi4]{padding:0 1rem 1rem}.document-import__body[data-astro-cid-ofwnodi4]>p[data-astro-cid-ofwnodi4]{margin-top:0}.document-import[data-astro-cid-ofwnodi4] .textarea[data-astro-cid-ofwnodi4]{min-height:14rem;font-family:var(--font-mono);font-size:.86rem}.import-results[data-astro-cid-ofwnodi4]{color:var(--color-text-muted);font-size:var(--font-small);margin-top:.8rem}.workspace-shortcuts[data-astro-cid-ofwnodi4]{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--font-small);border-bottom:0}.clear-dialog[data-astro-cid-ofwnodi4]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);width:min(100% - 2rem,32rem);color:var(--color-text);box-shadow:var(--shadow-md);padding:1.25rem}.clear-dialog[data-astro-cid-ofwnodi4]::backdrop{background:color-mix(in srgb, var(--color-text) 55%, transparent)}.clear-dialog[data-astro-cid-ofwnodi4] h2[data-astro-cid-ofwnodi4]{font-size:var(--font-card-title)}.clear-dialog[data-astro-cid-ofwnodi4] p[data-astro-cid-ofwnodi4]{margin-block:.75rem 1.25rem}.clear-dialog[data-astro-cid-ofwnodi4] form[data-astro-cid-ofwnodi4]{margin:0}.playground-mobile-tabs[data-astro-cid-ofwnodi4]{border-bottom:1px solid var(--color-border);padding:.75rem 1rem;display:none}@media (width<=72rem){.playground-settings[data-astro-cid-ofwnodi4]{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-setting[data-astro-cid-ofwnodi4]{margin-top:0}.playground-main-grid[data-astro-cid-ofwnodi4]{grid-template-columns:1fr}.playground-editors[data-astro-cid-ofwnodi4]{border-right:0;border-bottom:1px solid var(--color-border)}}@media (width<=48rem){.playground-container[data-astro-cid-ofwnodi4]{width:min(100% - 1rem,96rem)}.playground-header[data-astro-cid-ofwnodi4],.playground-section-heading[data-astro-cid-ofwnodi4],.editor-panel__heading[data-astro-cid-ofwnodi4]{flex-direction:column;align-items:stretch}.playground-primary-actions[data-astro-cid-ofwnodi4] .button[data-astro-cid-ofwnodi4]{flex:10rem}.playground-settings[data-astro-cid-ofwnodi4],.problem-filters[data-astro-cid-ofwnodi4]{grid-template-columns:1fr}.playground-mobile-tabs[data-astro-cid-ofwnodi4]{flex-wrap:nowrap;display:flex;overflow-x:auto}.editor-tabs[data-astro-cid-ofwnodi4],.feedback-tabs[data-astro-cid-ofwnodi4]{display:none}.playground-editors[data-astro-cid-ofwnodi4],.playground-preview-panel[data-astro-cid-ofwnodi4],.feedback-area[data-astro-cid-ofwnodi4]{padding:1rem}.code-editor-mount .cm-editor,.code-fallback[data-astro-cid-ofwnodi4]{height:24rem;min-height:24rem}.preview-viewport[data-astro-cid-ofwnodi4]{min-height:25rem;padding:.35rem}#playground-preview[data-astro-cid-ofwnodi4]{min-height:24rem}.problem-filters[data-astro-cid-ofwnodi4] fieldset[data-astro-cid-ofwnodi4]{flex-direction:column}.document-import[data-astro-cid-ofwnodi4]{margin-inline:1rem}}@media (width<=28rem){.editor-meta[data-astro-cid-ofwnodi4]{flex-direction:column;align-items:flex-start}.preview-size-controls[data-astro-cid-ofwnodi4] button[data-astro-cid-ofwnodi4]{flex:5rem}}