.gradient-maker_wrap__0VkeM{max-width:520px;margin:0 auto}.gradient-maker_preview__dpsO_{height:170px;border-radius:4px;border:1px solid var(--cbd-outline-variant);transition:background var(--cbd-dur-fade) var(--cbd-ease-standard)}.gradient-maker_panel__5g0_h{margin-top:14px;background:var(--cbd-surface);border:1px solid var(--cbd-outline-variant);border-radius:4px;box-shadow:var(--cbd-elev-1);padding:18px}.gradient-maker_colorRow__czesV{display:flex;gap:18px}.gradient-maker_color__sAwQR{display:flex;align-items:center;gap:10px;cursor:pointer}.gradient-maker_swatch__KzcK7{width:42px;height:42px;border:none;background:none;cursor:pointer;padding:0;flex:none}.gradient-maker_swatch__KzcK7::-webkit-color-swatch-wrapper{padding:0}.gradient-maker_swatch__KzcK7::-webkit-color-swatch{border:none}.gradient-maker_swatch__KzcK7::-moz-color-swatch{border:none}.gradient-maker_colorLabel__m_OsU{font-family:var(--cbd-font-mono);font-size:12px;color:var(--cbd-on-surface-variant)}.gradient-maker_sliderLabel__hapIV{display:flex;justify-content:space-between;font-family:var(--cbd-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cbd-on-surface-muted);margin:16px 0 8px}.gradient-maker_sliderValue___JtLm{color:var(--cbd-primary)}.gradient-maker_range__s_c2A{width:100%;accent-color:var(--cbd-primary)}.gradient-maker_codeBar__ymtRd{margin-top:12px;display:flex;align-items:center;gap:12px;background:#0b0c0e;border-radius:4px;padding:14px 16px}.gradient-maker_codeText__4n_mQ{flex:1 1;font-family:var(--cbd-font-mono);font-size:12.5px;color:#fff;word-break:break-all}.gradient-maker_copyBtn__NJh_X{flex:none;display:flex;align-items:center;gap:5px;height:34px;padding:0 13px;background:var(--cbd-primary);color:var(--cbd-on-primary);border:none;border-radius:2px;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--cbd-font-body);white-space:nowrap}.gradient-maker_msym__pCDTz{font-family:Material Symbols Rounded;font-size:15px;line-height:1}