.styles_wrap__GcTr6{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden}.styles_header__d4YEM{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_logo__0_Nau{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_logoIcon__yigcs{width:28px;height:28px;border-radius:7px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.styles_body__BQz8_{display:flex;flex:1 1;min-height:0;overflow:hidden}.styles_left__Y3Q_C{width:340px;flex-shrink:0;flex-direction:column;gap:14px;border-right:1px solid var(--border)}.styles_left__Y3Q_C,.styles_right__th2yt{display:flex;padding:16px;overflow-y:auto}.styles_right__th2yt{flex:1 1;flex-direction:column;gap:12px;min-width:0}.styles_colorInputs__K_ehR{display:flex;flex-direction:column;gap:6px}.styles_colorField__0dkC_{display:flex;flex-direction:column;gap:5px}.styles_colorLabel__iFwam{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2)}.styles_colorRow__2jrtR{display:flex;align-items:center;gap:8px}.styles_pickerWrap__YfUor{width:40px;height:40px;border-radius:8px;border:2px solid var(--border);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.styles_colorPicker__Jz9kv{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer}.styles_hexInput__kGNHP{flex:1 1;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font-mono);letter-spacing:1px}.styles_hexInput__kGNHP:focus{outline:none;border-color:#10b981}.styles_copySwatchBtn__sB6rJ{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s}.styles_copySwatchBtn__sB6rJ:hover{border-color:#10b981;color:#10b981}.styles_rgbLabel__B4If5{font-size:11px;color:var(--text2);font-family:var(--font-mono);padding-left:2px}.styles_swapBtn__T_rVm{align-self:center;width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,transform .2s;margin:2px 0}.styles_swapBtn__T_rVm:hover{border-color:#10b981;color:#10b981;transform:rotate(180deg)}.styles_ratioBadge__S6mnf{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:12px;border:2px solid var(--border);background:var(--surface);gap:4px;text-align:center}.styles_ratioBadgePass__jDIHy{border-color:#10b981;background:rgba(16,185,129,.06)}.styles_ratioBadgeFail__MqgwU{border-color:#ef4444;background:rgba(239,68,68,.06)}.styles_ratioValue__rjPrf{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--text);line-height:1}.styles_ratioSub__sR8nm{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text2)}.styles_ratioLevel__y1mK_{font-size:13px;font-weight:700;margin-top:4px}.styles_levelPass__hqKTq{color:#10b981}.styles_levelFail__YMB_V{color:#ef4444}.styles_criteria__n8GcO{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.styles_criteriaTitle__eyV5e{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.styles_criterionRow__hkODC{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--bg);gap:8px;transition:background .15s}.styles_criterionPass__AbvDz{background:rgba(16,185,129,.04)}.styles_criterionFail__3QjI5{background:rgba(239,68,68,.04)}.styles_criterionInfo__oOB4D{display:flex;flex-direction:column;gap:2px;min-width:0}.styles_criterionLabel__am1Um{font-size:13px;font-weight:600;color:var(--text)}.styles_criterionSub__JqBA8{font-size:11px;color:var(--text2)}.styles_criterionRight__ziulQ{display:flex;align-items:center;gap:8px;flex-shrink:0}.styles_criterionRequired__SZ0kn{font-size:12px;font-family:var(--font-mono);color:var(--text2)}.styles_criterionBadge__b8iB1{font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;background:var(--surface);color:var(--text2);letter-spacing:.5px;min-width:40px;text-align:center}.styles_badgePass__9r9zG{background:rgba(16,185,129,.15);color:#10b981}.styles_badgeFail__5KlVN{background:rgba(239,68,68,.15);color:#ef4444}.styles_suggestion__tWcUd{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.styles_suggestionLabel__raBuK{font-size:12px;color:var(--text);font-weight:500}.styles_suggestionRow__ZC_YV{display:flex;align-items:center;gap:8px}.styles_suggestionSwatch__ipHmB{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.styles_suggestionHex__b_hI2{font-family:var(--font-mono);font-size:13px;color:var(--text);flex:1 1}.styles_suggestionUse__pHuz_{padding:4px 12px;background:#f59e0b;color:#000;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-ui)}.styles_suggestionUse__pHuz_:hover{opacity:.85}.styles_presets__b7aJ7{display:flex;flex-direction:column;gap:8px}.styles_presetsTitle__kSK6k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2)}.styles_presetGrid__8ieWe{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.styles_presetBtn__E_veH{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s}.styles_presetBtn__E_veH:hover{border-color:#10b981}.styles_presetSwatch__6cOBw{width:20px;height:20px;border-radius:50%;flex-shrink:0}.styles_presetLabel__31U0q{font-size:12px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_previewCard__jrCGI{flex:1 1;border-radius:12px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:280px}.styles_previewTabs__R0CP0{display:flex;gap:0;padding:10px 14px 0;border-bottom:1px solid rgba(128,128,128,.15)}.styles_previewTab__38fhK{padding:6px 14px;font-size:12px;font-weight:600;background:transparent;color:rgba(128,128,128,.7);border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;font-family:var(--font-ui);transition:color .15s,border-color .15s;margin-bottom:-1px}.styles_previewTabActive__8PAka{border-color:rgba(128,128,128,.25);background:transparent}.styles_previewNormal__E2JoD{padding:20px 24px;display:flex;flex-direction:column;gap:12px;flex:1 1}.styles_pNormal__G81RJ{font-size:16px;line-height:1.6;margin:0}.styles_pSmall__XwH_P{font-size:13px;line-height:1.6;margin:0;opacity:.9}.styles_pBoldNormal__SyF0L{font-size:16px;font-weight:700;line-height:1.5;margin:0}.styles_pLarge__tkcUQ{font-size:24px;font-weight:700;line-height:1.3;margin:0}.styles_pBoldLarge__M1KkV{font-size:19px;font-weight:700;line-height:1.4;margin:0}.styles_previewUi__YEP_I{padding:20px 24px;display:flex;flex-direction:column;gap:16px;flex:1 1}.styles_uiRow__3S2H2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.styles_uiBtn__6n3kq{border:none;border-radius:7px}.styles_uiBtnOutline__slin8,.styles_uiBtn__6n3kq{padding:8px 18px;font-size:14px;font-weight:600;cursor:default;font-family:var(--font-ui)}.styles_uiBtnOutline__slin8,.styles_uiInput__YSSGT{background:transparent;border:2px solid;border-radius:7px}.styles_uiInput__YSSGT{padding:7px 12px;font-size:13px;font-family:var(--font-ui);flex:1 1;min-width:100px}.styles_uiCheckbox__htRn0{width:20px;height:20px;border-radius:5px;border:2px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_uiCheckboxInner__6oUko{width:10px;height:10px;border-radius:2px}.styles_uiIconRow__LZeYO{display:flex;gap:14px;font-size:20px}.styles_uiIcon__H1rpP{cursor:default}.styles_lumInfo__kCwhG{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.styles_lumRow__7e6D0{display:flex;align-items:center;gap:10px}.styles_lumSwatch__i0j5X{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.styles_lumLabel__ldVIL{font-size:12px;color:var(--text2);flex:1 1}.styles_lumVal__Qq_hj{font-size:12px;font-family:var(--font-mono);color:var(--text)}@media (max-width:720px){.styles_body__BQz8_{flex-direction:column;overflow-y:auto}.styles_left__Y3Q_C{width:100%;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible}.styles_right__th2yt{overflow-y:visible}}