.ColorConverter_wrapper__Dnj_E{display:flex;flex-direction:column;gap:0;min-height:min(calc(100vh - 220px),640px);flex:1 1}.ColorConverter_tabs__KY_zd{display:inline-flex;padding:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;margin-bottom:var(--space-lg)}.ColorConverter_tab__hN1mO{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:500;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.ColorConverter_tab__hN1mO:hover{color:var(--color-text)}.ColorConverter_tabActive___x9SC{background:var(--color-card);color:var(--color-primary)}.ColorConverter_convertPane__rb_Jp{display:flex;flex-direction:column;gap:var(--space-xl);flex:1 1}.ColorConverter_pickerRow__LWu6_{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-lg)}.ColorConverter_swatchWrap__iwXNf{position:relative;display:flex;align-items:center;gap:var(--space-sm)}.ColorConverter_swatch__BnDdo{width:80px;height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#fff}.ColorConverter_colorInput__8QRHZ{width:48px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer}.ColorConverter_colorInput__8QRHZ::-webkit-color-swatch-wrapper{padding:2px}.ColorConverter_colorInput__8QRHZ::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 2px);border:none}.ColorConverter_hexField__Lb0ZH{display:flex;flex-direction:column;gap:var(--space-2xs)}.ColorConverter_fieldLabel__FORCs{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ColorConverter_input__lKmU0{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);width:10rem}.ColorConverter_input__lKmU0:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_channels__hmrDq{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.ColorConverter_channelGroup__uU_rT{display:flex;flex-direction:column;gap:var(--space-2xs)}.ColorConverter_channelInput__xxeyG{width:4rem;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.ColorConverter_channelInput__xxeyG:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_hslRow__tulpF{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.ColorConverter_outputs__g14S8{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.ColorConverter_outputRow__Yq_yX{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.ColorConverter_outputLabel__fpKvD{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);min-width:3rem}.ColorConverter_outputValue__q2Jpw{flex:1 1;min-width:0;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-m)}.ColorConverter_copyBtn__ViPF6{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.ColorConverter_copyBtn__ViPF6:hover{border-color:var(--color-primary);color:var(--color-primary)}.ColorConverter_gradientPane__0Y6td{display:flex;flex-direction:column;gap:var(--space-lg);flex:1 1}.ColorConverter_gradientOptions__F8Dd2{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.ColorConverter_optionGroup__WrzHE{display:flex;align-items:center;gap:var(--space-xs)}.ColorConverter_optionLabel__LBL65{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.ColorConverter_select__7y3Pm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer}.ColorConverter_select__7y3Pm:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_angleInput__21PDw{width:4rem;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.ColorConverter_angleInput__21PDw:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_addStopBtn__dMCyu{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.ColorConverter_addStopBtn__dMCyu:hover{background:var(--color-primary-subtle)}.ColorConverter_stopsList__izXHM{display:flex;flex-direction:column;gap:var(--space-sm)}.ColorConverter_stopRow__OU6Up{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.ColorConverter_stopColor__bBICn{width:36px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer}.ColorConverter_stopColor__bBICn::-webkit-color-swatch-wrapper{padding:2px}.ColorConverter_stopColor__bBICn::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 2px);border:none}.ColorConverter_stopInput__N_HYl{flex:1 1;min-width:8rem;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.ColorConverter_stopInput__N_HYl:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_stopPercent__pPg3k{width:3.5rem;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.ColorConverter_stopPercent__pPg3k:focus{outline:none;border-color:var(--color-primary)}.ColorConverter_percentUnit__W9Onj{font-size:var(--text-sm);color:var(--color-text-muted)}.ColorConverter_removeStop__Az5qD{width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.ColorConverter_removeStop__Az5qD:hover{border-color:var(--color-accent);color:var(--color-accent)}.ColorConverter_gradientPreview__ES2_w{height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.ColorConverter_gradientOutput___KxtI{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.ColorConverter_gradientCss__60TR7{flex:1 1;min-width:0;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);word-break:break-all}