.playground_page__KvR2R{padding:2rem 1.5rem 6rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width:640px){.playground_page__KvR2R{padding:1.5rem 0 4rem}}.playground_header__TMyzZ{margin-bottom:2rem}.playground_title__zUmEv{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:var(--color-semantic-foreground);margin:0 0 .5rem}.playground_description__yZGU5{color:var(--color-semantic-foreground-muted);margin:0;font-size:1rem}.playground_mobileToggle__3O_Au{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;background:var(--color-semantic-background-subtle);border:1px solid var(--color-semantic-border);border-radius:var(--border-radius-md);color:var(--color-semantic-foreground);cursor:pointer;font-size:.875rem;font-family:inherit}@media (max-width:768px){.playground_mobileToggle__3O_Au{display:flex}}@media (max-width:640px){.playground_mobileToggle__3O_Au{width:100%}}.playground_layout___KN48{display:grid;grid-template-columns:280px 1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:768px){.playground_layout___KN48{grid-template-columns:1fr}}.playground_sidebar__jNlE6{position:-webkit-sticky;position:sticky;top:80px;background:var(--color-semantic-background-subtle);border:1px solid var(--color-semantic-border);border-radius:var(--border-radius-lg);padding:1.5rem}@media (max-width:768px){.playground_sidebar__jNlE6{display:none;position:static}.playground_sidebarOpen__SG0Zs{display:block}}.playground_controls__3BM0b{display:flex;flex-direction:column;gap:1.25rem}.playground_controlsTitle__k5aZ_{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-semantic-foreground-muted);margin:0 0 .25rem}.playground_controlSection__F1Nh3{display:flex;flex-direction:column;gap:.875rem;padding-top:.875rem;border-top:1px solid var(--color-semantic-border)}.playground_controlSectionLabel__fNsIt{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-semantic-foreground-muted);margin:0}.playground_controlGroup__T3P1i{display:flex;flex-direction:column;gap:.5rem}.playground_controlLabel__jnWFa{font-size:.8125rem;font-weight:500;color:var(--color-semantic-foreground)}.playground_colorRow__aG4ZE{display:flex;align-items:center;gap:.75rem}.playground_colorInput__w8r0l{width:40px;height:36px;border:1px solid var(--color-semantic-border);border-radius:var(--border-radius-sm);padding:2px;cursor:pointer;background:transparent}.playground_colorValue__tdFz8{font-size:.8125rem;font-family:var(--font-family-mono,monospace);color:var(--color-semantic-foreground-muted)}.playground_rangeInput__R1FTQ{width:100%;accent-color:var(--color-semantic-primary);cursor:pointer}.playground_selectInput__9bc_y{width:100%;padding:.375rem .625rem;border:1px solid var(--color-semantic-border);border-radius:var(--border-radius-md);background:var(--color-semantic-background);color:var(--color-semantic-foreground);font-size:.8125rem;font-family:inherit;cursor:pointer}.playground_selectInput__9bc_y:focus{outline:2px solid var(--color-semantic-primary);outline-offset:2px}.playground_controlActions__qVSrj{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.playground_preview__5GqAR{display:flex;flex-direction:column;gap:2rem}.playground_previewTitle__RjLVw{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-semantic-foreground-muted);margin:0}.playground_previewGroup__eBCao{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--color-semantic-background-subtle);border:1px solid var(--color-semantic-border);border-radius:var(--border-radius-lg)}.playground_previewGroupLabel__f6NhZ{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-semantic-foreground-muted);margin:0}.playground_previewRow__hWCfY{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.playground_previewColumn__i46_U{display:flex;flex-direction:column;gap:1rem;max-width:360px}