._wrapper_j34li_1{max-width:960px;margin:0 auto}._preview_j34li_6{border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:40px 32px;transition:background .15s;display:flex}._previewHex_j34li_17{letter-spacing:.02em;font-size:32px;font-weight:600}._previewRgb_j34li_23{opacity:.9;font-size:15px}._grid_j34li_28{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;display:grid}@media (max-width:480px){._grid_j34li_28{grid-template-columns:1fr}}._column_j34li_40{flex-direction:column;gap:12px;display:flex}._columnTitle_j34li_46{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:12px;font-weight:500}._columnTitle_j34li_46:first-child{margin-top:0}._channel_j34li_58{grid-template-columns:20px 90px 1fr;align-items:center;gap:12px;display:grid}._channelLabel_j34li_65{font-size:12px;font-weight:600}._channel_r_j34li_70{color:#e5484d}._channel_g_j34li_74{color:#30a46c}._channel_b_j34li_78{color:#3b82f6}._channelInputWrap_j34li_82{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:stretch;width:90px;height:34px;display:flex;overflow:hidden}._channelInput_j34li_82{width:0;min-width:0;height:100%;color:var(--color-text);text-align:center;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:none;flex:auto;font-size:13px}._channelInput_j34li_82::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}._channelInput_j34li_82::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}._channelStepper_j34li_110{border-left:1px solid var(--color-border);flex-direction:column;flex:none;width:20px;display:flex}._channelStepButton_j34li_118{color:var(--color-text-secondary);background:0 0;border:none;flex:50%;justify-content:center;align-items:center;padding:0;display:flex}._channelStepButton_j34li_118:first-child{border-bottom:1px solid var(--color-border)}._channelStepButton_j34li_118:hover:not(:disabled){color:var(--color-text);background:var(--color-bg)}._channelStepButton_j34li_118:disabled{opacity:.35;cursor:not-allowed}._channelSlider_j34li_140{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:999px;width:100%;height:4px}._channelSlider_j34li_140::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}._slider_r_j34li_157::-webkit-slider-thumb{border-color:#e5484d}._slider_g_j34li_161::-webkit-slider-thumb{border-color:#30a46c}._slider_b_j34li_165::-webkit-slider-thumb{border-color:#3b82f6}._tailwindPalette_j34li_169{flex-direction:column;gap:3px;display:flex}._paletteHeaderRow_j34li_175{grid-template-columns:44px 1fr;align-items:center;gap:8px;margin-bottom:1px;display:grid}._paletteHeaderCell_j34li_183{text-align:center;min-width:0;color:var(--color-text-secondary);white-space:nowrap;flex:1;font-size:8px;overflow:hidden}._paletteHeaderCells_j34li_193{gap:2px;display:flex}._paletteRow_j34li_198{grid-template-columns:44px 1fr;align-items:center;gap:8px;display:grid}._paletteRowLabel_j34li_205{color:var(--color-text-secondary);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}._paletteRowSwatches_j34li_214{gap:2px;display:flex}._paletteSwatch_j34li_219{border:1px solid var(--color-border);cursor:pointer;border-radius:3px;flex:1;min-width:0;height:16px;padding:0;transition:transform .1s;position:relative}._paletteSwatch_j34li_219:hover{z-index:1;transform:scaleY(1.25)}._paletteSwatch_j34li_219:focus-visible{z-index:1;transform:scaleY(1.25)}._paletteSwatch_j34li_219:after{content:attr(data-label);background:var(--color-text);color:var(--color-surface);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;border-radius:8px;padding:3px 7px;font-size:11px;font-weight:500;transition:opacity .1s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}._paletteSwatch_j34li_219:hover:after{opacity:1}._paletteSwatch_j34li_219:focus-visible:after{opacity:1}._customRow_j34li_256{grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:8px;display:grid}._customColorButton_j34li_262{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;min-width:0;height:34px;padding:0 12px;display:flex;position:relative;overflow:hidden}._customColorButton_j34li_262:only-child{grid-column:1/-1}._customColorButton_j34li_262:hover{border-color:var(--color-accent)}._customColorSwatch_j34li_284{border:1px solid var(--color-border);border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}._customColorLabel_j34li_295{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}._eyedropperButton_j34li_304{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-width:0;height:34px;color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;display:flex}._eyedropperButton_j34li_304:hover{background:var(--color-bg)}._fieldInput_j34li_320{min-width:0;color:var(--color-text);letter-spacing:.02em;background:0 0;border:none;flex:1;padding:0;font-size:14px;font-weight:500}._field_j34li_320{flex-direction:column;gap:4px;display:flex}._fieldLabel_j34li_338{color:var(--color-text-secondary);font-size:11px}._fieldRow_j34li_343{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}._copyButton_j34li_354{width:26px;height:26px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}._copyButton_j34li_354:hover{background:var(--color-bg)}._divider_j34li_370{background:var(--color-border);height:1px;margin:8px 0}._paletteShortcuts_j34li_376{flex-direction:column;gap:8px;display:flex}._paletteShortcut_j34li_376{border:1px solid var(--color-border);background:var(--color-surface);height:34px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;padding:0 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:flex}._paletteShortcut_j34li_376:hover{border-color:var(--color-accent);color:var(--color-text)}._paletteShortcutDot_j34li_404{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:12px;height:12px}._actions_j34li_412{gap:8px;display:flex}._secondaryButton_j34li_417{border:1px solid var(--color-border);height:34px;color:var(--color-text);background:0 0;border-radius:8px;flex:1;padding:0 16px;font-size:13px}