.playground-section[data-astro-cid-5wq3ak55]{padding:var(--spacing-xl) 0 var(--spacing-section) 0}.page-header[data-astro-cid-5wq3ak55]{margin-bottom:var(--spacing-xl);text-align:center}.page-label[data-astro-cid-5wq3ak55]{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-brand-coral);display:block;margin-bottom:var(--spacing-xs)}.page-title[data-astro-cid-5wq3ak55]{font-family:var(--font-display);font-size:48px;font-weight:500;line-height:1.05;letter-spacing:-1.5px;color:var(--color-ink)}.page-subtitle[data-astro-cid-5wq3ak55]{font-size:18px;line-height:1.6;color:var(--color-body);max-width:640px;margin:var(--spacing-xs) auto 0 auto}.tabs-container[data-astro-cid-5wq3ak55]{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-hairline-soft);padding-bottom:var(--spacing-md)}.tab-button[data-astro-cid-5wq3ak55]{background:transparent;border:none;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-muted);padding:8px 16px;border-radius:var(--rounded-pill);cursor:pointer;transition:all .15s ease}.tab-button[data-astro-cid-5wq3ak55]:hover{color:var(--color-ink);background-color:var(--color-hairline-soft)}.tab-button[data-astro-cid-5wq3ak55].active{color:var(--color-ink);background-color:var(--color-surface-card);font-weight:600}.playground-panel[data-astro-cid-5wq3ak55]{display:none;animation:fadeIn .25s ease-out forwards}.playground-panel[data-astro-cid-5wq3ak55].active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-grid[data-astro-cid-5wq3ak55]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.form-column-card[data-astro-cid-5wq3ak55]{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-column-card[data-astro-cid-5wq3ak55]{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);position:sticky;top:80px}.card-header-row[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center}.card-heading[data-astro-cid-5wq3ak55]{font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:-.5px;color:var(--color-ink)}.form-group[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.form-label[data-astro-cid-5wq3ak55]{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-body-strong);text-transform:uppercase;letter-spacing:.5px}.radio-group[data-astro-cid-5wq3ak55],.checkbox-grid[data-astro-cid-5wq3ak55]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-top:var(--spacing-xxs)}.control-card-label[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-sm);cursor:pointer;font-size:14px;font-weight:500;color:var(--color-body);transition:border-color .15s ease,background-color .15s ease}.control-card-label[data-astro-cid-5wq3ak55]:hover{background-color:var(--color-surface-soft);border-color:var(--color-muted)}.control-card-label[data-astro-cid-5wq3ak55] input[data-astro-cid-5wq3ak55][type=radio],.control-card-label[data-astro-cid-5wq3ak55] input[data-astro-cid-5wq3ak55][type=checkbox]{accent-color:var(--color-brand-pink);width:16px;height:16px}.control-card-label[data-astro-cid-5wq3ak55] input[data-astro-cid-5wq3ak55]:checked+span[data-astro-cid-5wq3ak55]{font-weight:600;color:var(--color-ink)}.control-card-label[data-astro-cid-5wq3ak55].checked-border{border-color:var(--color-primary);background-color:var(--color-surface-strong)}.output-code-container[data-astro-cid-5wq3ak55]{position:relative;width:100%}.output-code-area[data-astro-cid-5wq3ak55]{width:100%;height:380px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;padding:var(--spacing-md);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);resize:none;color:var(--color-body-strong);outline:none}.copy-overlay-btn[data-astro-cid-5wq3ak55]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:10}.toast-notif[data-astro-cid-5wq3ak55]{background-color:var(--color-success);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--rounded-pill);position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(32px);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;z-index:999;box-shadow:0 4px 12px #0000001a}.toast-notif[data-astro-cid-5wq3ak55].show{opacity:1;transform:translate(-50%) translateY(0)}.mdc-selector-container[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auditor-container[data-astro-cid-5wq3ak55]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.auditor-card[data-astro-cid-5wq3ak55]{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);overflow:hidden;transition:border-color .2s ease}.auditor-card[data-astro-cid-5wq3ak55].active-border{border-color:var(--color-primary)}.auditor-header[data-astro-cid-5wq3ak55]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;background-color:var(--color-surface-soft);user-select:none}.auditor-header-left[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:var(--spacing-md)}.auditor-header-title[data-astro-cid-5wq3ak55]{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-ink)}.auditor-checkbox[data-astro-cid-5wq3ak55]{width:20px;height:20px;accent-color:var(--color-brand-pink);cursor:pointer}.auditor-toggle-arrow[data-astro-cid-5wq3ak55]{font-size:18px;transition:transform .2s ease;color:var(--color-muted)}.auditor-card[data-astro-cid-5wq3ak55].open .auditor-toggle-arrow[data-astro-cid-5wq3ak55]{transform:rotate(90deg);color:var(--color-ink)}.auditor-body[data-astro-cid-5wq3ak55]{display:none;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-hairline-soft);background-color:var(--color-canvas);font-size:15px;color:var(--color-body)}.auditor-card[data-astro-cid-5wq3ak55].open .auditor-body[data-astro-cid-5wq3ak55]{display:block}.auditor-description[data-astro-cid-5wq3ak55]{margin:var(--spacing-sm) 0;font-size:15px;line-height:1.6}.auditor-code-block[data-astro-cid-5wq3ak55]{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);padding:var(--spacing-md);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5;margin-top:var(--spacing-sm);white-space:pre-wrap;color:var(--color-body-strong)}.progress-tracker[data-astro-cid-5wq3ak55]{max-width:800px;margin:0 auto var(--spacing-xl) auto;background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.progress-bar-bg[data-astro-cid-5wq3ak55]{flex-grow:1;height:8px;background-color:var(--color-surface-strong);border-radius:var(--rounded-pill);overflow:hidden}.progress-bar-fill[data-astro-cid-5wq3ak55]{height:100%;width:0%;background-color:var(--color-brand-pink);border-radius:var(--rounded-pill);transition:width .3s ease}.progress-text[data-astro-cid-5wq3ak55]{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-ink);white-space:nowrap}@media(max-width:1024px){.panel-grid[data-astro-cid-5wq3ak55]{grid-template-columns:1fr}.preview-column-card[data-astro-cid-5wq3ak55]{position:static}}@media(max-width:768px){.page-title[data-astro-cid-5wq3ak55]{font-size:32px;letter-spacing:-.5px}.page-subtitle[data-astro-cid-5wq3ak55]{font-size:15px}.tabs-container[data-astro-cid-5wq3ak55]{flex-wrap:wrap}.radio-group[data-astro-cid-5wq3ak55],.checkbox-grid[data-astro-cid-5wq3ak55]{grid-template-columns:1fr}}