.styles_wrap__1LLeK{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__lAPiI{display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:nowrap;overflow:hidden}.styles_logoIcon__5ibOU{width:28px;height:28px;background:#6366f1;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.styles_headerTitle__5Clcl{font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text);white-space:nowrap;flex-shrink:0}.styles_accent__TqL08{color:#6366f1}.styles_headerSep__WercD{width:1px;height:16px;background:var(--border);flex-shrink:0}.styles_headerSub__kwr8T{font-size:11px;color:var(--text3);white-space:nowrap}.styles_colorInputWrap__y7gwj{display:flex;align-items:center;gap:7px;flex-shrink:0}.styles_colorPicker__1ggY8{width:32px;height:26px;padding:1px;border:1px solid var(--border2);border-radius:5px;background:none;cursor:pointer;flex-shrink:0}.styles_colorPicker__1ggY8::-webkit-color-swatch-wrapper{padding:1px}.styles_colorPicker__1ggY8::-webkit-color-swatch{border-radius:3px;border:none}.styles_hexInput__slsdY{width:82px;background:var(--surface2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:4px 8px;outline:none;transition:border-color .13s}.styles_hexInput__slsdY:focus{border-color:#6366f1}.styles_hslBadge__DVfvB{font-size:10px;color:var(--text3);font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border2);padding:3px 8px;border-radius:4px;white-space:nowrap}.styles_harmonyBar__Xp7JB{display:flex;gap:2px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_harmonyBtn__EbIyR{padding:4px 12px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap}.styles_harmonyBtn__EbIyR:hover{color:var(--text2);border-color:#6366f1}.styles_harmonyBtnActive__Mz_Bh{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}.styles_paletteArea__n4J__{flex:1 1;display:flex;min-height:0;overflow:hidden}.styles_swatch__jpjTr{flex:1 1;min-width:0;border:none;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 16px;transition:flex .2s ease;overflow:hidden}.styles_swatch__jpjTr:hover{flex:1.6 1}.styles_swatch__jpjTr:hover .styles_swatchInfo__OpniB{opacity:1;transform:translateY(0)}.styles_swatch__jpjTr:hover .styles_swatchCopyIcon___77IF{opacity:1}.styles_swatchBase__v5Bal{flex:1.3 1;outline:3px solid #fff;outline-offset:-3px;z-index:1}.styles_swatchCopyIcon___77IF{position:absolute;top:14px;right:14px;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.styles_basePill__h0wNs{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:1px solid;padding:2px 7px;border-radius:10px;white-space:nowrap}.styles_swatchInfo__OpniB{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;pointer-events:none}.styles_swatchHex__BGTZg{font-size:12px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px}.styles_swatchHsl__ewnKi{font-size:10px;font-family:var(--font-mono);letter-spacing:.2px}.styles_export__eQ7hx{height:200px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-top:1px solid var(--border)}.styles_exportHeader__gyfHZ{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:38px;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.styles_exportTabs__AbcEv{display:flex;gap:2px}.styles_exportTab__ebXPE{padding:3px 10px;border-radius:5px;border:none;background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap}.styles_exportTab__ebXPE:hover{color:var(--text2)}.styles_exportTabActive__9_4R_{background:color-mix(in srgb,#6366f1 15%,var(--surface2));color:#6366f1}.styles_copyBtn__WOUFg{padding:4px 12px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap;margin-left:auto}.styles_copyBtn__WOUFg:hover{border-color:#6366f1;color:#6366f1}.styles_code__kXpXe{flex:1 1;overflow:auto;margin:0;padding:12px 16px;font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text2);background:var(--surface2);white-space:pre}