.CssGradientGenerator_tool__aO1X7{display:flex;flex-direction:column;gap:var(--space-8);max-width:54rem}.CssGradientGenerator_privacyBadge__5LLjx{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}.CssGradientGenerator_badgeDot__8RJTu{width:7px;height:7px;border-radius:50%;background:#10b981}.CssGradientGenerator_card__1gr9o{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)}.CssGradientGenerator_previewBox__Ie2Kh{width:100%;height:200px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.CssGradientGenerator_controlsGrid__Aa6Iz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.CssGradientGenerator_controlGroup___POWA{display:flex;flex-direction:column;gap:var(--space-2)}.CssGradientGenerator_label__rsltK{font-size:.875rem;font-weight:600;color:var(--text)}.CssGradientGenerator_select__4Mjbp{font-family:var(--font-sans);font-size:.9375rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.CssGradientGenerator_rangeInput__MGOb2{width:100%}.CssGradientGenerator_colorInputRow__B7XnD{display:flex;align-items:center;gap:var(--space-3)}.CssGradientGenerator_colorInput__2rlg_{width:48px;height:40px;border:none;border-radius:var(--radius-sm);cursor:pointer;background:transparent}.CssGradientGenerator_hexText__wlCUk{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;color:var(--text)}.CssGradientGenerator_codeBox__tIVKB{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)}.CssGradientGenerator_cssText__4BiTP{color:var(--text);word-break:break-all}.CssGradientGenerator_copyBtn__0qP30{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}.CssGradientGenerator_section__4tI9G{display:flex;flex-direction:column;gap:var(--space-4)}.CssGradientGenerator_section__4tI9G h2{font-size:1.25rem;font-weight:650;color:var(--text)}.CssGradientGenerator_definition__djwiH{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)}.CssGradientGenerator_definition__djwiH p{font-size:.9375rem;line-height:1.65;color:var(--text)}.CssGradientGenerator_accordion__xhN5E{display:flex;flex-direction:column;gap:var(--space-3)}.CssGradientGenerator_accordionItem__2SuqQ{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.CssGradientGenerator_accordionTrigger__RyLvz{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}.CssGradientGenerator_accordionTrigger__RyLvz:hover{background:var(--bg-subtle)}.CssGradientGenerator_accordionContent__YjRdt{padding:0 var(--space-4) var(--space-4) var(--space-4);font-size:.9375rem;color:var(--text-muted);line-height:1.6}