.CssLayoutGenerator_tool__aVexy{display:flex;flex-direction:column;gap:var(--space-8);max-width:54rem}.CssLayoutGenerator_privacyBadge__qltqc{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;background:var(--accent-subtle);color:var(--accent);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.8125rem;font-weight:600}.CssLayoutGenerator_badgeDot__Cn9c_{width:7px;height:7px;border-radius:50%;background:#10b981}.CssLayoutGenerator_card__O_nm8{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--shadow-sm)}.CssLayoutGenerator_previewContainer__S_Kom{min-height:220px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-4)}.CssLayoutGenerator_layoutItem__l9O0h{background:var(--accent);color:#ffffff;font-family:var(--font-mono);font-weight:700;padding:var(--space-4);border-radius:var(--radius-sm);display:grid;place-items:center}.CssLayoutGenerator_controlsGrid__nxTar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.CssLayoutGenerator_controlGroup__6vd97{display:flex;flex-direction:column;gap:var(--space-2)}.CssLayoutGenerator_label__VhWvY,.CssLayoutGenerator_select__C_lkL{font-size:.875rem;font-weight:600;color:var(--text)}.CssLayoutGenerator_select__C_lkL{font-family:var(--font-sans);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.CssLayoutGenerator_codeBox__lXYvR{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);font-family:var(--font-mono);font-size:.875rem;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.CssLayoutGenerator_cssText__hAVTn{color:var(--text);white-space:pre-wrap;word-break:break-all}.CssLayoutGenerator_copyBtn__HMYHd{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;background:var(--accent);color:#ffffff;border:1px solid var(--accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer}.CssLayoutGenerator_section__dqVYJ{display:flex;flex-direction:column;gap:var(--space-4)}.CssLayoutGenerator_section__dqVYJ h2{font-size:1.25rem;font-weight:650;color:var(--text)}.CssLayoutGenerator_definition__JjUW6{border-left:3px solid var(--accent);background:var(--bg-subtle);border-radius:0 var(--radius) var(--radius) 0;padding:var(--space-4) var(--space-6)}.CssLayoutGenerator_definition__JjUW6 p{font-size:.9375rem;line-height:1.65;color:var(--text)}.CssLayoutGenerator_accordion__9YcdV{display:flex;flex-direction:column;gap:var(--space-3)}.CssLayoutGenerator_accordionItem__egX__{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.CssLayoutGenerator_accordionTrigger__6XeXY{width:100%;padding:var(--space-4);background:var(--surface);border:none;text-align:left;font-size:.9375rem;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.CssLayoutGenerator_accordionTrigger__6XeXY:hover{background:var(--bg-subtle)}.CssLayoutGenerator_accordionContent__LNoA3{padding:0 var(--space-4) var(--space-4) var(--space-4);font-size:.9375rem;color:var(--text-muted);line-height:1.6}