.FlexboxPlaygroundClient-module__-P1dka__playground{gap:2rem;width:100%;max-width:1100px;margin:0 auto}.FlexboxPlaygroundClient-module__-P1dka__intro{color:var(--muted);max-width:720px;font-size:.95rem}.FlexboxPlaygroundClient-module__-P1dka__layout{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.FlexboxPlaygroundClient-module__-P1dka__controlPanel{gap:1.5rem}.FlexboxPlaygroundClient-module__-P1dka__group{flex-direction:column;gap:.85rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__groupTitle{font-size:.95rem;font-weight:600}.FlexboxPlaygroundClient-module__-P1dka__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.8rem;font-weight:600}.FlexboxPlaygroundClient-module__-P1dka__selectRow{flex-direction:column;gap:.4rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__selectRow select{width:100%}.FlexboxPlaygroundClient-module__-P1dka__helper{color:var(--muted);font-size:.8rem}.FlexboxPlaygroundClient-module__-P1dka__gapHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__linkToggle{align-items:center;gap:.35rem;display:inline-flex}.FlexboxPlaygroundClient-module__-P1dka__linkToggleActive{background:color-mix(in srgb,var(--brand)14%,transparent);border-color:color-mix(in srgb,var(--brand)35%,transparent);color:var(--fg)}.FlexboxPlaygroundClient-module__-P1dka__rangeRow{flex-direction:column;gap:.4rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__rangeControl{align-items:center;gap:.75rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__rangeControl input[type=range]{flex:1}.FlexboxPlaygroundClient-module__-P1dka__rangeValue{text-align:right;width:3.5rem;color:var(--muted);font-size:.85rem}.FlexboxPlaygroundClient-module__-P1dka__previewPanel{gap:1rem}.FlexboxPlaygroundClient-module__-P1dka__previewHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__previewHeader span{color:var(--muted);font-size:.85rem}.FlexboxPlaygroundClient-module__-P1dka__previewArea{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel)88%,var(--panel-2)12%);min-height:240px;padding:1.25rem;overflow:auto}.FlexboxPlaygroundClient-module__-P1dka__flexPreview{width:100%;min-height:100%;transition:all .2s;display:flex}.FlexboxPlaygroundClient-module__-P1dka__previewItem{border-radius:var(--radius-sm);border:1px solid var(--border-weak);background:color-mix(in srgb,var(--brand)12%,var(--panel)88%);color:var(--fg);min-width:72px;min-height:60px;box-shadow:var(--shadow-1);justify-content:center;align-items:center;padding:.75rem;font-size:.85rem;font-weight:600;display:flex}.FlexboxPlaygroundClient-module__-P1dka__previewItem span{opacity:.9}.FlexboxPlaygroundClient-module__-P1dka__output{flex-direction:column;gap:.75rem;display:flex}.FlexboxPlaygroundClient-module__-P1dka__code{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);white-space:pre-wrap;word-break:break-word;padding:1rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.FlexboxPlaygroundClient-module__-P1dka__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}@media (max-width:1080px){.FlexboxPlaygroundClient-module__-P1dka__layout{grid-template-columns:1fr}.FlexboxPlaygroundClient-module__-P1dka__previewArea{min-height:260px}}@media (max-width:640px){.FlexboxPlaygroundClient-module__-P1dka__gapHeader{flex-direction:column;align-items:flex-start}.FlexboxPlaygroundClient-module__-P1dka__rangeControl{gap:.5rem}.FlexboxPlaygroundClient-module__-P1dka__rangeValue{width:auto;min-width:3rem}.FlexboxPlaygroundClient-module__-P1dka__previewArea{padding:1rem}}