.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(--text-muted)}.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(--text-muted);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(--text-muted);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(--text-muted);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(--text-muted)}.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(--text-muted);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(--text-muted)}.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(--text-muted)}.styles_criterionBadge__b8iB1{font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;background:var(--surface);color:var(--text-muted);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(--text-muted)}.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(--text-muted);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}}.styles_seo__335Fz{flex-shrink:0;border-top:1px solid var(--border);padding:56px 48px 64px;display:flex;flex-direction:column;gap:56px;max-width:1296px;width:100%;margin:0 auto}.styles_titleRow__J8rs4{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.styles_titleActions__eE0Rz{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:4px}.styles_findBtn__sS5Ka{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.styles_findBtn__sS5Ka:hover{border-color:var(--accent);color:var(--accent)}.styles_findBar__wl1FP{display:flex;align-items:center;gap:5px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:-webkit-sticky;position:sticky;top:8px;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.2)}.styles_findBarIcon__CVrP_{color:var(--text3);flex-shrink:0}.styles_findInput__yoYHv{flex:1 1;max-width:280px;background:var(--bg);border:1px solid var(--border2);border-radius:5px;padding:5px 10px;font-family:var(--font-ui);font-size:12px;color:var(--text);outline:none;transition:border-color .12s}.styles_findInput__yoYHv:focus{border-color:var(--accent)}.styles_findInput__yoYHv::placeholder{color:var(--text3)}.styles_findCount__ot_vP{font-size:11px;color:var(--text3);font-family:var(--font-mono);white-space:nowrap;min-width:60px}.styles_findNavBtn__XsoRT{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;transition:all .12s;flex-shrink:0}.styles_findNavBtn__XsoRT:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.styles_findNavBtn__XsoRT:disabled{opacity:.3;cursor:default}.styles_findCaseBtn__dmhyG{padding:4px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;flex-shrink:0}.styles_findCaseBtn__dmhyG:hover{border-color:var(--accent);color:var(--accent)}.styles_findCaseActive__Za1tP{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(96,165,250,.08)!important}.styles_findCloseBtn__QlDu2{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1px solid transparent;background:none;color:var(--text3);cursor:pointer;transition:all .12s;flex-shrink:0;margin-left:2px}.styles_findCloseBtn__QlDu2:hover{border-color:var(--border2);color:var(--text)}.styles_seoLabel__M0NU_{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:var(--font-ui)}.styles_seoH1__uUrnT{font-size:34px;font-weight:800;margin-bottom:14px;line-height:1.05}.styles_seoH1__uUrnT,.styles_seoH2__0PnLB{color:var(--text);font-family:var(--font-ui)}.styles_seoH2__0PnLB{font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px;line-height:1.3}.styles_sectionH2__t_HFw{font-size:20px;letter-spacing:-.2px;margin-bottom:16px;line-height:1.3}.styles_sectionH2__t_HFw,.styles_sectionH3__2iRFI{font-weight:700;color:var(--text);font-family:var(--font-ui)}.styles_sectionH3__2iRFI{font-size:16px;letter-spacing:-.1px;margin-bottom:12px;line-height:1.4}.styles_seoSubtitle__GgG4g{font-size:16px;color:var(--text2);line-height:1.75;font-family:var(--font-ui);margin-top:10px;max-width:720px}.styles_seoP__qNPb_{font-size:15px;color:var(--text2);line-height:1.8;font-family:var(--font-ui);margin-bottom:16px}.styles_seoP__qNPb_:last-child{margin-bottom:0}.styles_inlineCode__XTNxo{font-family:var(--font-mono);font-size:13px;background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--accent)}.styles_inlineLink__mnvwl{color:#3b82f6;text-decoration:underline;-webkit-text-decoration-color:rgba(59,130,246,.35);text-decoration-color:rgba(59,130,246,.35);text-underline-offset:2px;transition:color .12s,-webkit-text-decoration-color .12s;transition:color .12s,text-decoration-color .12s;transition:color .12s,text-decoration-color .12s,-webkit-text-decoration-color .12s}.styles_inlineLink__mnvwl:hover{color:#2563eb;-webkit-text-decoration-color:#2563eb;text-decoration-color:#2563eb}.styles_twoCol__Yt3u7{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.styles_twoColLeft2__5UBNC{grid-template-columns:2fr 1fr}.styles_twoColRight2__4tmM8{grid-template-columns:1fr 2fr}.styles_featureList__cwfWh{list-style:none;display:flex;flex-direction:column;gap:10px}.styles_featureList__cwfWh li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text2);font-family:var(--font-ui);line-height:1.5}.styles_featureList__cwfWh li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.styles_stepList__ITgqz{list-style:none;display:flex;flex-direction:column;gap:16px}.styles_stepItem__c_i_K{display:flex;gap:14px;align-items:flex-start}.styles_stepNum__E6qRZ{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.3);color:var(--accent);font-size:11px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;margin-top:1px}.styles_stepContent__lZaQf{font-size:14px;color:var(--text2);font-family:var(--font-ui);line-height:1.75;flex:1 1}.styles_stepTitle__BGrNB{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;font-family:var(--font-ui)}.styles_cardsGrid__Gk9JT{display:grid;grid-gap:16px;gap:16px}.styles_cardsGrid2__AFa5N{grid-template-columns:repeat(2,1fr)}.styles_cardsGrid3__zfjdy{grid-template-columns:repeat(3,1fr)}.styles_cardsGrid4__PB77_{grid-template-columns:repeat(4,1fr)}.styles_useCases__cXlyU{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.styles_useCard__WX382{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative}.styles_useIcon___3597{font-size:18px;margin-bottom:10px;display:block;font-family:var(--font-mono);color:var(--accent)}.styles_cardBadge__M4zpe{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.25);border-radius:4px;padding:2px 6px}.styles_useTitle__Kqphk{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;font-family:var(--font-ui)}.styles_useDesc__AEfkC{font-size:13px;color:var(--text2);line-height:1.6;font-family:var(--font-ui)}.styles_imageFigure__Jcdhn{margin:0;display:flex;flex-direction:column;gap:10px}.styles_seoImage__Nt4Yw{width:100%;height:auto;display:block;border:1px solid var(--border)}.styles_seoImageRounded__DjWnJ{border-radius:var(--radius-lg)}.styles_imageCaption__8svoC{font-size:12px;color:var(--text3);font-family:var(--font-ui);text-align:center;font-style:italic;line-height:1.5}.styles_tableWrap__nUGZD{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.styles_seoTable___6dqp{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:14px}.styles_seoTable___6dqp thead tr{background:var(--surface2);border-bottom:1px solid var(--border)}.styles_seoTable___6dqp th{padding:10px 16px;text-align:left;font-weight:700;color:var(--text);font-size:12px;white-space:nowrap}.styles_seoTable___6dqp td{padding:10px 16px;color:var(--text2);border-bottom:1px solid var(--border);line-height:1.5;vertical-align:top}.styles_seoTable___6dqp tr:last-child td{border-bottom:none}.styles_seoTable___6dqp tr:hover td{background:var(--surface2)}.styles_callout__FPvJu{border-radius:var(--radius);padding:16px 20px;border-left:3px solid;display:flex;flex-direction:column;gap:6px}.styles_calloutInfo__xr0Mr{background:rgba(96,165,250,.06);border-color:rgba(96,165,250,.5)}.styles_calloutTip__G5LQq{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.5)}.styles_calloutWarning__UP5Cl{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.5)}.styles_calloutNote__HH8VO{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.5)}.styles_calloutHeading__n4u9m{font-size:12px;font-weight:700;font-family:var(--font-ui);color:var(--text);text-transform:uppercase;letter-spacing:.06em}.styles_calloutP__Pjmo4{font-size:14px;color:var(--text2);line-height:1.7;font-family:var(--font-ui);margin-bottom:6px}.styles_calloutP__Pjmo4:last-child{margin-bottom:0}.styles_howToUse__guFUn{display:flex;flex-direction:column}.styles_relatedGrid__70Ehi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.styles_relatedCard__tz4yV{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .15s,background .15s}.styles_relatedCard__tz4yV:hover{border-color:var(--accent);background:var(--surface2)}.styles_relatedIcon__M7f_i{font-size:18px;font-family:var(--font-mono);flex-shrink:0;width:32px;text-align:center;line-height:1}.styles_relatedName__rebmg{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-ui);line-height:1.3}.styles_relatedSub__1vlTV{font-size:12px;color:var(--text3);font-family:var(--font-ui);margin-top:2px}.styles_faqList__ROtFB{display:flex;flex-direction:column;gap:6px}.styles_faqItem__CuKDM{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.styles_faqQ__QFfkk{width:100%;background:var(--surface);border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-ui);transition:background .15s}.styles_faqQ__QFfkk:hover{background:var(--surface2)}.styles_faqChevron__waS5Q{font-size:11px;color:var(--text3);flex-shrink:0;transition:transform .2s}.styles_faqChevronOpen__ktSXD{transform:rotate(180deg)}.styles_faqA__75Tqf{padding:14px 20px 16px;background:var(--surface);font-size:14px;color:var(--text2);line-height:1.8;font-family:var(--font-ui);border-top:1px solid var(--border)}.styles_faqAHidden__1qenv{height:0;overflow:hidden;padding-top:0;padding-bottom:0;border-top:none}.styles_faqAP__HR8PS{font-size:14px;color:var(--text2);line-height:1.8;font-family:var(--font-ui);margin-bottom:10px}.styles_faqAP__HR8PS:last-child{margin-bottom:0}.styles_ctaRow__5kcKX{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:32px 0 8px}.styles_ctaCard__YI8yS{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;text-align:left;text-decoration:none;width:100%}.styles_ctaBtn__XMgkU{cursor:pointer;transition:border-color .15s,background .15s;color:inherit;font-family:var(--font-ui)}.styles_ctaBtn__XMgkU:hover{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.05)}.styles_ctaBtnFaved__nZIeM{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.07)}.styles_ctaIcon__pIl4H{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px;color:rgba(251,191,36,.8)}.styles_ctaBody__VqWgq{display:flex;flex-direction:column;gap:5px}.styles_ctaTitle__lyuSh{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.styles_ctaBtnFaved__nZIeM .styles_ctaTitle__lyuSh{color:rgba(251,191,36,.9)}.styles_ctaText__c5_qk{font-size:13px;color:var(--text3);line-height:1.55}.styles_ctaKbd__U92RF{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text2);line-height:1.4}@media (max-width:768px){.styles_seo__335Fz{padding:40px 24px 48px}.styles_cardsGrid2__AFa5N,.styles_twoColLeft2__5UBNC,.styles_twoColRight2__4tmM8,.styles_twoCol__Yt3u7{grid-template-columns:1fr}.styles_cardsGrid3__zfjdy,.styles_cardsGrid4__PB77_,.styles_relatedGrid__70Ehi,.styles_useCases__cXlyU{grid-template-columns:1fr 1fr}.styles_aboutGrid__WK77L,.styles_ctaRow__5kcKX{grid-template-columns:1fr}}.styles_shareBar___L5Yg{display:flex;align-items:center;gap:10px}.styles_shareLabel__GZK9o{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-family:var(--font-ui);flex-shrink:0}.styles_shareButtons__vwTU6{display:flex;align-items:center;gap:4px}.styles_shareBtn__8CTC9{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0}.styles_shareBtn__8CTC9:hover{background:var(--surface2);color:var(--text);border-color:var(--border2)}.styles_shareBtnCopied__jChIi{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--surface)!important}.styles_wrap__51bHY{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden}.styles_header__DbnUH{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_logo__7A1BU{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_logoIcon__6Lmmn{width:34px;height:28px;border-radius:7px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3);display:flex;align-items:center;justify-content:center;color:#f97316;font-size:10px;font-weight:900;font-family:var(--font-mono);flex-shrink:0}.styles_headerActions__sBGly{display:flex;gap:6px}.styles_actionBtn__pHJ_K{padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,color .15s}.styles_actionBtn__pHJ_K:hover{border-color:#f97316;color:#f97316}.styles_body__PTM9U{display:flex;flex:1 1;min-height:0;overflow:hidden}.styles_left__AWpXn{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--border);overflow-y:auto}.styles_inputTabs__09nq4{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.styles_inputTab__3Vqlg{flex:1 1;padding:9px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:color .15s,border-color .15s;margin-bottom:-1px}.styles_inputTab__3Vqlg:hover{color:var(--text)}.styles_inputTabActive__yi0ug{color:#f97316;border-bottom-color:#f97316}.styles_dropZone___eH3v{margin:14px 14px 0;border:2px dashed var(--border);border-radius:12px;padding:32px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;min-height:130px;flex-shrink:0}.styles_dropZone___eH3v:hover{border-color:#f97316;background:rgba(249,115,22,.04)}.styles_dropZoneLoaded__BFPb5{border-style:solid;border-color:#f97316;background:rgba(249,115,22,.05)}.styles_fileInput__iyv2i{display:none}.styles_dropHint__zbTPL{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.styles_dropIcon__T7blq{font-size:28px;color:var(--text-muted)}.styles_dropText__UIt_3{font-size:13px;font-weight:600;color:var(--text)}.styles_dropSub__S_G0k{font-size:11px;color:var(--text-muted)}.styles_loadedInfo__OdQIF{display:flex;flex-direction:column;align-items:center;gap:5px}.styles_loadedIcon__7_jGU{font-size:22px;color:#f97316}.styles_loadedName__Ai3VH{font-size:13px;font-weight:700;color:var(--text);word-break:break-all;text-align:center}.styles_loadedDims__ctkhd{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.styles_codeArea__aH5I5{margin:14px 14px 0;flex-shrink:0;resize:none;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:12px;font-family:var(--font-mono);line-height:1.6;padding:12px;height:140px;outline:none;transition:border-color .15s}.styles_codeArea__aH5I5:focus{border-color:#f97316}.styles_error___9Hxh{margin:8px 14px 0;font-size:12px;color:#ef4444;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:7px;padding:8px 12px}.styles_settings__uBTRT{padding:14px;display:flex;flex-direction:column;gap:14px}.styles_settingRow__9WzLi{display:flex;flex-direction:column;gap:7px}.styles_settingLabel__V3roS{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.styles_scaleButtons__8XNAq{display:flex;gap:6px}.styles_scaleBtn__zmQi6{flex:1 1;padding:7px 0;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-mono);transition:border-color .15s,color .15s,background .15s}.styles_scaleBtnActive__HhIvo,.styles_scaleBtn__zmQi6:hover{border-color:#f97316;color:#f97316}.styles_scaleBtnActive__HhIvo{background:rgba(249,115,22,.12)}.styles_dimRow__CkMGc{display:flex;align-items:center;gap:6px}.styles_dimInput__BHPsF{flex:1 1;padding:7px 8px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:var(--font-mono);text-align:center;min-width:0}.styles_dimInput__BHPsF:focus{outline:none;border-color:#f97316}.styles_dimX__1xDWg{font-size:13px;color:var(--text-muted);flex-shrink:0}.styles_lockBtn__gw1E7{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.styles_lockBtnActive__iwLQS,.styles_lockBtn__gw1E7:hover{border-color:#f97316}.styles_bgOptions__tOHxy{display:flex;gap:6px;flex-wrap:wrap}.styles_bgBtn__JiOoJ{padding:5px 10px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);display:flex;align-items:center;gap:5px;transition:border-color .15s,color .15s}.styles_bgBtnActive__EmSX8,.styles_bgBtn__JiOoJ:hover{border-color:#f97316;color:#f97316}.styles_bgBtnActive__EmSX8{background:rgba(249,115,22,.08)}.styles_bgSwatch__M6Kbl{width:12px;height:12px;border-radius:3px;flex-shrink:0}.styles_customBgRow__1uBkl{display:flex;align-items:center;gap:8px;margin-top:4px}.styles_colorPicker__ONuHC{width:32px;height:32px;padding:2px;cursor:pointer}.styles_colorPicker__ONuHC,.styles_hexInput__NzPBA{border:1px solid var(--border);border-radius:7px;background:var(--bg)}.styles_hexInput__NzPBA{flex:1 1;padding:6px 10px;color:var(--text);font-size:13px;font-family:var(--font-mono);outline:none}.styles_hexInput__NzPBA:focus{border-color:#f97316}.styles_convertBtn__PJ7CI{padding:9px;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,color .15s}.styles_convertBtn__PJ7CI:hover:not(:disabled){border-color:#f97316;color:#f97316}.styles_convertBtn__PJ7CI:disabled{opacity:.4;cursor:default}.styles_right__fHxdD{flex:1 1;display:flex;flex-direction:column;gap:0;min-width:0;overflow-y:auto}.styles_previewHeader__SQLfU{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_previewLabel__FZsXT{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.styles_previewMeta__TsO4P{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.styles_previewArea__h5cql{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:200px;background:repeating-conic-gradient(#88888820 0 25%,transparent 0 50%) 0 0 /20px 20px}.styles_previewImg__2eJPR{max-width:100%;max-height:340px;object-fit:contain;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.styles_previewEmpty__UXH0O{display:flex;flex-direction:column;align-items:center;gap:8px}.styles_previewEmptyIcon__xyh_Y{font-size:36px;opacity:.3}.styles_previewEmptyText__fd7Jq{font-size:13px;color:var(--text-muted)}.styles_svgPreviewWrap__mRli2{border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:12px;background:var(--surface);flex-shrink:0}.styles_svgPreviewLabel__0RB_H{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex-shrink:0}.styles_svgPreview__8I5Yq{height:48px;display:flex;align-items:center}.styles_svgPreview__8I5Yq svg{max-width:100%;max-height:48px;width:auto}.styles_downloadRow__JIDI0{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_downloadBtn__J7vhJ{flex:1 1;padding:9px;background:#f97316;border:none;border-radius:9px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:opacity .15s}.styles_downloadBtn__J7vhJ:hover:not(:disabled){opacity:.88}.styles_downloadBtn__J7vhJ:disabled{opacity:.35;cursor:default}.styles_copyBtn__sFzhF{padding:9px 18px;background:transparent;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,color .15s;white-space:nowrap}.styles_copyBtn__sFzhF:hover:not(:disabled){border-color:#f97316;color:#f97316}.styles_copyBtn__sFzhF:disabled{opacity:.35;cursor:default}.styles_copyBtnDone__bfJxc{border-color:#22c55e!important;color:#22c55e!important}.styles_sizeCompare__4_Me9{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.styles_sizeItem__8SBvP{display:flex;flex-direction:column;gap:2px}.styles_sizeLabel__eAz_e{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.styles_sizeVal__fL8s_{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-mono)}.styles_sizeArrow__VTB3v{font-size:16px;color:var(--text-muted);flex-shrink:0}@media (max-width:680px){.styles_body__PTM9U{flex-direction:column;overflow-y:auto}.styles_left__AWpXn{width:100%;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible}.styles_right__fHxdD{overflow-y:visible;min-height:400px}}.styles_wrap__z4Yx8{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden}.styles_header__udNVY{gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;min-height:46px}.styles_header__udNVY,.styles_logo__9OJ2j{display:flex;align-items:center;flex-shrink:0}.styles_logo__9OJ2j{gap:9px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_logoIcon__lcG_N{width:28px;height:28px;border-radius:7px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;color:#8b5cf6;font-size:11px;font-weight:800;flex-shrink:0}.styles_headerMeta__HeQfC{display:flex;gap:6px;flex:1 1}.styles_metaChip__obTBi{font-size:11px;font-weight:600;color:var(--text-muted);padding:3px 8px;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-family:var(--font-mono)}.styles_headerActions__YEVH7{display:flex;gap:6px}.styles_actionBtn__IV2E8{padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,color .15s;white-space:nowrap}.styles_actionBtn__IV2E8:hover{border-color:#8b5cf6;color:#8b5cf6}.styles_inputWrap__67G5s{flex-shrink:0;border-bottom:1px solid var(--border);display:flex}.styles_inputArea__c5C1H{flex:1 1;resize:none;background:var(--surface);border:none;color:var(--text);font-size:15px;font-family:var(--font-ui);line-height:1.65;padding:14px 16px;height:110px;outline:none}.styles_toolbar__3cDrG{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_toolbarLabel__NHGf7{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.styles_searchInput__GIngK{padding:5px 10px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;font-family:var(--font-ui);width:160px}.styles_searchInput__GIngK:focus{outline:none;border-color:#8b5cf6}.styles_searchInput__GIngK::placeholder{color:var(--text-muted)}.styles_grid__vIZUV{flex:1 1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1px;gap:1px;background:var(--border);align-content:start}.styles_card__F3zWt{background:var(--bg);padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:background .12s;position:relative}.styles_card__F3zWt:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);opacity:0;transition:opacity .15s}.styles_card__F3zWt:hover:before{opacity:1}.styles_cardPinned__RA4B_{background:var(--surface)}.styles_cardPinned__RA4B_:before{opacity:1!important}.styles_cardHeader__ulqT3{display:flex;align-items:center;justify-content:space-between;gap:8px}.styles_cardLabel__g7Y_b{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.styles_cardDot__KWbvi{width:8px;height:8px;border-radius:50%;flex-shrink:0}.styles_cardActions__vrOhx{display:flex;gap:4px;align-items:center}.styles_pinBtn__wUUFT{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;line-height:1}.styles_pinBtn__wUUFT:hover{color:var(--accent);border-color:var(--border)}.styles_pinBtnActive__nYnIL{color:var(--accent)!important}.styles_applyBtn__kcwJj{width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.styles_applyBtn__kcwJj:hover{color:#10b981;border-color:var(--border)}.styles_copyBtn__1bXp2{padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s,color .15s;white-space:nowrap}.styles_copyBtn__1bXp2:hover{border-color:var(--accent);color:var(--accent)}.styles_copyBtnDone__2kSpE{border-color:#22c55e!important;color:#22c55e!important}.styles_cardOutput__0bKVw{font-size:14px;font-family:var(--font-mono);color:var(--text);line-height:1.55;word-break:break-all;min-height:22px;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.styles_empty__W71Hq{color:var(--text-muted);font-style:italic}.styles_cardExample__lwh_k{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.styles_wrap__oUfDR{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);position:relative}.styles_header__2X9ED{gap:10px;padding:0 16px;height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.styles_header__2X9ED,.styles_logoBox__bOyFU{display:flex;align-items:center;flex-shrink:0}.styles_logoBox__bOyFU{width:28px;height:28px;background:#34d399;border-radius:7px;justify-content:center;color:#0c1a2e}.styles_logoText__UU4Al{font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text);white-space:nowrap}.styles_accent__l_FEQ{color:#34d399}.styles_headerSep__c02e_{width:1px;height:16px;background:var(--border);flex-shrink:0}.styles_headerSub__Xxxbr{font-size:11px;color:var(--text3);white-space:nowrap}.styles_headerRight__0FxYq{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.styles_fmtTabs__11XxT{display:flex;border:1px solid var(--border2);border-radius:6px;overflow:hidden}.styles_fmtTab__J2TT6{padding:3px 11px;font-size:11px;font-weight:600;background:transparent;border:none;color:var(--text3);cursor:pointer;transition:all .12s;font-family:var(--font-ui);white-space:nowrap}.styles_fmtTab__J2TT6:not(:last-child){border-right:1px solid var(--border2)}.styles_fmtTab__J2TT6:hover{color:var(--text2);background:var(--surface2)}.styles_fmtTabActive__zcWYw{background:rgba(52,211,153,.15);color:#34d399!important}.styles_toolbar__C7WmP{display:flex;align-items:center;gap:5px;padding:7px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_btnSample__xc8uP{padding:5px 16px;border-radius:6px;border:none;background:#34d399;color:#0c1a2e;font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .13s;letter-spacing:.2px}.styles_btnSample__xc8uP:hover{opacity:.87}.styles_btnTool__mg1OQ{display:flex;align-items:center;gap:5px;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 .12s;flex-shrink:0;white-space:nowrap}.styles_btnTool__mg1OQ:hover:not(:disabled){border-color:#34d399;color:#34d399}.styles_btnTool__mg1OQ:disabled{opacity:.3;cursor:default}.styles_toolbarSpacer__tQ_pd{flex:1 1}.styles_btnCopy__QXj_G{padding:4px 14px;border-radius:5px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.08);color:#34d399;font-family:var(--font-ui);font-size:11px;font-weight:700;cursor:pointer;transition:all .12s;flex-shrink:0}.styles_btnCopy__QXj_G:hover:not(:disabled){background:rgba(52,211,153,.18);border-color:#34d399}.styles_btnCopy__QXj_G:disabled{opacity:.3;cursor:default}.styles_btnCopyDone__L5ugL{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08)}.styles_selectorStrip__L0wLa{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:36px}.styles_selectorStripLabel__9BV6b{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-family:var(--font-mono);flex-shrink:0;margin-right:2px}.styles_selectorBtn__TZ4OW,.styles_selectorChip__NDZeO{display:flex;align-items:center}.styles_selectorBtn__TZ4OW{gap:5px;padding:3px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--bg);color:var(--text2);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .12s}.styles_selectorBtn__TZ4OW:hover{border-color:#34d399;color:#34d399}.styles_selectorTag__cNG5S{color:var(--text3);font-size:10px}.styles_selectorInput__wbhT7,.styles_selectorName__S0FtS{color:#34d399;font-weight:600}.styles_selectorInput__wbhT7{padding:3px 8px;border-radius:5px;border:1px solid #34d399;background:var(--bg);font-family:var(--font-mono);font-size:11px;outline:none;width:120px}.styles_unknownBadge__rbHN7{color:#fbbf24}.styles_btnToolActive__m4c_U{border-color:rgba(52,211,153,.5)!important;color:#34d399!important;background:rgba(52,211,153,.08)!important}.styles_editorGrid__oz_Vu{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;flex:1 1;overflow:hidden;min-height:0}.styles_pane__heyJn{display:flex;flex-direction:column;overflow:hidden;min-height:0;border-right:1px solid var(--border)}.styles_pane__heyJn:last-child{border-right:none}.styles_paneHeader__HlyJ9{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:34px}.styles_paneTitle__sFnD4{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.styles_paneCount__25Bli,.styles_paneTitle__sFnD4{font-size:10px;color:var(--text3);font-family:var(--font-mono)}.styles_editorWrap__6Ai99{display:flex;flex:1 1;overflow:hidden;min-height:0}.styles_lineNums__wXyM3{flex-shrink:0;width:44px;overflow:hidden;padding:14px 0;background:var(--surface);border-right:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.styles_lineNum__V9FuY{font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--text3);text-align:right;padding-right:10px;opacity:.4}.styles_editorInner__XkdTk{position:relative;flex:1 1;overflow:hidden}.styles_highlight__W6A6L{position:absolute;inset:0;margin:0;padding:14px 16px;font-family:var(--font-mono);font-size:13px;line-height:1.65;white-space:pre;overflow:hidden;color:#d4d4d4;-moz-tab-size:2;tab-size:2;border:none;background:#1e1e2e;pointer-events:none}.styles_outputPre__U864i{pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;overflow:auto;cursor:text;white-space:pre-wrap;word-break:break-word}.styles_textarea__jTJQd{position:absolute;inset:0;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:transparent;caret-color:#34d399;padding:14px 16px;overflow:auto;-moz-tab-size:2;tab-size:2;white-space:pre}.styles_textarea__jTJQd::placeholder{color:#45475a}.styles_statusBar__yRFy_{display:flex;align-items:center;gap:8px;padding:6px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:32px}.styles_statusDot__1WV5d{width:6px;height:6px;border-radius:50%;background:var(--text3);flex-shrink:0;transition:background .2s}.styles_statusOk__naUA8{background:#34d399}.styles_statusText__Bdnwo{font-size:11px;color:var(--text3);font-family:var(--font-mono)}.styles_statusHint__htFOW{margin-left:auto;font-size:10px;color:var(--text3);font-family:var(--font-mono)}.styles_histBadge__TuEhd{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#34d399;color:#0c1a2e;font-size:9px;font-weight:800;line-height:15px;text-align:center}.styles_histPanel__BDCHx{position:absolute;top:96px;right:0;width:340px;max-height:calc(100% - 128px);z-index:50;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-right:none;border-radius:8px 0 0 8px;box-shadow:-4px 4px 20px rgba(0,0,0,.35);overflow:hidden}.styles_histPanelHeader__hYMTr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_histPanelTitle__D6EYO{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);font-family:var(--font-mono);flex:1 1}.styles_histClearBtn__PtJLq{padding:2px 8px;border-radius:4px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-size:10px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all .12s}.styles_histClearBtn__PtJLq:hover:not(:disabled){border-color:#f87171;color:#f87171}.styles_histClearBtn__PtJLq:disabled{opacity:.3;cursor:default}.styles_histCloseBtn__DMxDl{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:transparent;color:var(--text3);font-size:13px;cursor:pointer;transition:all .12s}.styles_histCloseBtn__DMxDl:hover{background:var(--surface2);color:var(--text)}.styles_histList__b7zdR{overflow-y:auto;flex:1 1;padding:6px;display:flex;flex-direction:column;gap:4px}.styles_histItem__XGH25{width:100%;text-align:left;padding:8px 10px;border-radius:5px;border:1px solid transparent;background:var(--bg);cursor:pointer;transition:all .12s}.styles_histItem__XGH25:hover{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.05)}.styles_histMeta__7ljbA{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-bottom:3px}.styles_histFmt__zDTzh{color:#34d399;font-weight:700}.styles_histPreview__VjGbq{font-size:11px;color:var(--text2);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_histEmpty__vk_jh{padding:24px 16px;text-align:center;font-size:11px;color:var(--text3);font-family:var(--font-mono);line-height:1.6}@media (max-width:700px){.styles_editorGrid__oz_Vu{grid-template-columns:1fr}.styles_pane__heyJn:first-child{max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}.styles_headerSub__Xxxbr{display:none}.styles_histPanel__BDCHx{width:100%;border-radius:0;border-right:1px solid var(--border)}}.styles_wrap__ASDjJ{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);position:relative}.styles_header__JVNPF{gap:8px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;min-height:48px}.styles_header__JVNPF,.styles_logo__XrA2X{display:flex;align-items:center;flex-shrink:0}.styles_logo__XrA2X{gap:9px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text);font-family:var(--font-ui)}.styles_logoIcon__SvNr2{width:28px;height:28px;border-radius:7px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.3);display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.styles_accent__pFAoi{color:#60a5fa}.styles_sep__IH_jf{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.styles_opts__wPMf9{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.styles_optLabel__PkGyP{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);white-space:nowrap}.styles_sel__6H8MY{font-family:var(--font-ui);font-size:11px;padding:3px 7px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;outline:none}.styles_sel__6H8MY:focus,.styles_sel__6H8MY:hover{border-color:#60a5fa;color:var(--text)}.styles_actions___mXyu{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.styles_btn__GRcmE{padding:4px 11px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:color .13s,border-color .13s;white-space:nowrap;position:relative}.styles_btn__GRcmE:hover{border-color:#60a5fa;color:#60a5fa}.styles_btn__GRcmE:disabled{opacity:.35;cursor:not-allowed}.styles_btnPrimary__m7HUL{padding:4px 14px;border-radius:5px;border:1px solid #60a5fa;background:rgba(96,165,250,.12);color:#60a5fa;font-family:var(--font-ui);font-size:11px;font-weight:700;cursor:pointer;transition:background .13s;white-space:nowrap}.styles_btnPrimary__m7HUL:hover{background:rgba(96,165,250,.22)}.styles_btnPrimary__m7HUL:disabled{opacity:.35;cursor:not-allowed}.styles_btnActive__mVbDz{background:rgba(96,165,250,.12)!important;border-color:rgba(96,165,250,.4)!important;color:#60a5fa!important}.styles_btnDanger__CsXfY:hover{border-color:var(--err);color:var(--err)}.styles_badge__8r_H6{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;background:#60a5fa;color:#0e0f11;border-radius:999px;font-size:9px;font-weight:700;padding:0 4px;margin-left:4px}.styles_iconBtn__Iq4bs{padding:3px 5px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--text3);cursor:pointer;transition:color .13s,background .13s;display:flex;align-items:center}.styles_iconBtn__Iq4bs:hover{color:#60a5fa;background:rgba(96,165,250,.08)}.styles_iconBtn__Iq4bs:disabled{opacity:.3;cursor:not-allowed}.styles_panels__vIVb3{flex:1 1;display:flex;overflow:hidden;position:relative}.styles_panel__fo1b7{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.styles_panel__fo1b7+.styles_panel__fo1b7{border-left:1px solid var(--border)}.styles_panelHead__y_Sxo{display:flex;align-items:center;gap:8px;padding:0 14px;height:34px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.styles_panelLabel__UZXS7{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text3);flex-shrink:0}.styles_panelMeta__1BrI_{flex:1 1;font-size:10px;color:var(--text3);font-family:var(--font-mono)}.styles_editorWrap__tvBoQ{flex:1 1;display:flex;overflow:hidden}.styles_lineNums__ypJ2q{width:44px;flex-shrink:0;overflow:hidden;padding:16px 0;background:var(--surface);border-right:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_lineNum__5z0Rg{color:var(--text3);text-align:right;padding-right:10px;opacity:.4}.styles_lineNum__5z0Rg,.styles_textarea__1DKdH{font-family:var(--font-mono);font-size:13px;line-height:1.75}.styles_textarea__1DKdH{flex:1 1;border:none;outline:none;resize:none;padding:16px;background:var(--bg);color:var(--text);-moz-tab-size:2;tab-size:2;caret-color:#60a5fa;overflow-y:auto}.styles_textarea__1DKdH::placeholder{color:var(--text3);opacity:.5}.styles_outputWrap__40ld5{flex:1 1;display:flex;overflow:hidden}.styles_outputScroll__5x2ON{flex:1 1;overflow:auto}.styles_output__VHAfi{font-family:var(--font-mono);font-size:13px;line-height:1.75;padding:16px;white-space:pre;margin:0;color:var(--text);min-height:100%}.styles_empty__QoCQx{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);padding:32px;text-align:center}.styles_empty__QoCQx p{font-size:13px;margin:0}.styles_emptyHint__hX1hh{font-size:11px;opacity:.6}.styles_dropOverlay__2aKLB{position:absolute;inset:0;z-index:10;background:rgba(96,165,250,.08);border:2px dashed rgba(96,165,250,.5);display:flex;align-items:center;justify-content:center;pointer-events:none}.styles_dropInner__xOXgt{display:flex;flex-direction:column;align-items:center;gap:10px;color:#60a5fa;font-size:14px;font-weight:600}.styles_statusBar__Bq4PO{display:flex;align-items:center;gap:0;padding:0 14px;height:26px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;font-size:10px;font-family:var(--font-mono);color:var(--text3)}.styles_statItem__H58M2{display:flex;align-items:center;gap:5px;white-space:nowrap}.styles_statDiv__yPmJe{width:1px;height:12px;background:var(--border);margin:0 8px}.styles_statDot__kEjTu{width:5px;height:5px;border-radius:50%;flex-shrink:0}.styles_histOverlay__6szzj{position:absolute;inset:0;z-index:40;background:rgba(0,0,0,.4);display:flex;justify-content:flex-end}.styles_histPanel__Nr7n2{width:min(380px,100%);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:styles_slideIn__3BZ10 .22s ease}@keyframes styles_slideIn__3BZ10{0%{transform:translateX(100%)}to{transform:translateX(0)}}.styles_histHead__w1CV3{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.styles_histTitle__a1qcf{font-size:13px;font-weight:700;color:var(--text)}.styles_histEmpty__pGrff{padding:20px 16px;font-size:12px;color:var(--text3);line-height:1.5}.styles_histList__S_x6q{overflow-y:auto;padding:10px 12px 16px;display:flex;flex-direction:column;gap:8px}.styles_histItem__YGr9M{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;transition:background .13s,border-color .13s}.styles_histItem__YGr9M:hover{background:var(--surface3);border-color:rgba(96,165,250,.3)}.styles_histTime__sZSfC{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-bottom:4px}.styles_histPreview__R1uI4{font-family:var(--font-mono);font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_toast__VUE91{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--border2);padding:6px 16px;border-radius:999px;font-size:12px;color:var(--text2);white-space:nowrap;pointer-events:none;z-index:99;animation:styles_fadeUp__v3kY8 .18s ease}@keyframes styles_fadeUp__v3kY8{0%{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.styles_wrap__vrJcI{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);position:relative}.styles_header__AIoA1{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_headerIcon__14v_F{width:30px;height:30px;background:#38bdf8;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_headerTitle__tm1vm{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_headerAccent__eBLV5{color:#38bdf8}.styles_toolbar__TY0mF{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_optsLabel__f5MZa{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-right:2px}.styles_opts__R6pE6{display:flex;gap:12px;flex-wrap:wrap}.styles_optLabel__unVWN{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);cursor:pointer}.styles_actions__A8KwR{display:flex;gap:5px;margin-left:auto}.styles_btn__MDVnK{padding:5px 12px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all .14s}.styles_btn__MDVnK:hover{border-color:var(--accent);color:var(--accent)}.styles_btnCopied__1RSel{border-color:#6affd4!important;color:#6affd4!important}.styles_statsBar__YrBTh{display:flex;gap:16px;align-items:center;padding:0 16px;height:30px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;font-size:11px;color:var(--text3);font-family:var(--font-mono)}.styles_statsBar__YrBTh b{color:var(--text2);font-weight:600}.styles_dupesBad__zv7FU b{color:#f87171}.styles_panel__pR1DE,.styles_panels__guJA1{display:flex;flex:1 1;overflow:hidden}.styles_panel__pR1DE{flex-direction:column;min-width:0}.styles_panel__pR1DE+.styles_panel__pR1DE{border-left:1px solid var(--border)}.styles_panelHead__w3cno{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:36px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.styles_panelLabel__WjnKP{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text3)}.styles_panelMeta__lxews{font-size:10px;color:var(--text3);font-family:var(--font-mono)}.styles_panelTabs__lYkpO{display:flex;height:100%}.styles_tabBtn__hL_6B{padding:0 14px;height:100%;font-size:10px;font-family:var(--font-ui);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text3);cursor:pointer;transition:all .14s;background:none;border:none;border-bottom:2px solid transparent}.styles_tabBtn__hL_6B:hover{color:var(--text2)}.styles_tabBtnActive__PCZDj{color:#38bdf8;border-bottom-color:#38bdf8}.styles_editorWrap__IJU82{flex:1 1;display:flex;overflow:hidden;position:relative}.styles_textarea__DtB1u{flex:1 1;height:100%;border:none;outline:none;resize:none;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.75;padding:16px;caret-color:#38bdf8}.styles_textarea__DtB1u::placeholder{color:var(--text3)}.styles_emptyState__4gj__{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.styles_emptyGlyph__tb64u{font-family:var(--font-mono);font-size:48px;color:var(--surface3);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_emptyText__WuYiE{font-size:12px;color:var(--text3);letter-spacing:.3px}.styles_outputScroll__TtRnl{flex:1 1;overflow:auto;background:var(--bg);position:relative}.styles_flatPre__PGhHY{font-family:var(--font-mono);font-size:13px;color:var(--text);line-height:1.75;white-space:pre-wrap;word-break:break-all;padding:16px;margin:0}.styles_groupedOutput__n6rrX{padding:16px;display:flex;flex-direction:column;gap:14px}.styles_groupTitle__dHgEZ{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:6px;display:flex;align-items:center;gap:6px}.styles_groupCount__oneun{color:var(--accent);letter-spacing:0}.styles_groupClasses__jo5xE{display:flex;flex-wrap:wrap;gap:5px}.styles_classChip__cJZv0{padding:3px 8px;border-radius:4px;background:var(--surface);border:1px solid var(--border2);font-family:var(--font-mono);font-size:11px;color:var(--text2)}.styles_variant__SDh67{color:var(--accent)}.styles_toast__3ZfXB{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border2);color:var(--text2);padding:7px 16px;border-radius:7px;font-size:12px;z-index:99;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.styles_wrap__bd1MX{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__BcIgc{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_headerIcon___b9jP{width:30px;height:30px;background:#ff6b6b;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;font-size:14px}.styles_headerTitle__i6NSZ{font-size:15px;font-weight:700;letter-spacing:-.3px}color:var(--text);.styles_headerAccent__9LAx_{color:#ff6b6b}.styles_layout__sZ0MY{display:grid;grid-template-columns:210px 220px 1fr;flex:1 1;overflow:hidden;min-height:0}.styles_panel__Xlk0O,.styles_sidebar__sEOJo{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;min-height:0}.styles_panel__Xlk0O{display:flex;flex-direction:column}.styles_panelEmpty__Ir44L{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;color:var(--text3)}.styles_panelEmptyIcon__7reyr{font-size:28px;opacity:.3}.styles_panelEmptyText__C8Zr_{font-size:11px;text-align:center;line-height:1.5}.styles_section__xMY5B{border-bottom:1px solid var(--border);padding:10px 12px}.styles_sectionTitle__lMQ_I{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.styles_sectionTitleRow__wa281{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.styles_clearBtn__8o0hL{font-size:10px;color:var(--text3);background:none;border:1px solid var(--border2);border-radius:4px;padding:2px 7px;cursor:pointer;transition:all .12s}.styles_clearBtn__8o0hL:hover{border-color:#f87171;color:#f87171}.styles_shapeGrid__lArUm{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px;gap:4px}.styles_shapeBtn__aFVdZ{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .14s}.styles_shapeBtn__aFVdZ:hover{border-color:#ff6b6b;color:#ff6b6b}.styles_shapeBtnIcon__AuDU7{font-size:14px;line-height:1}.styles_noLayers__lYZLp{font-size:11px;color:var(--text3);font-style:italic}.styles_layerList__fedBf{display:flex;flex-direction:column;gap:3px}.styles_layerItem__le6Na{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);cursor:pointer;transition:all .12s}.styles_layerItem__le6Na:hover{border-color:#ff6b6b}.styles_layerActive__bMk2g{border-color:#ff6b6b!important;background:rgba(255,107,107,.06)!important}.styles_layerIcon__wV0BT{font-size:12px;color:#ff6b6b;flex-shrink:0}.styles_layerTag___Fye8{font-size:11px;color:var(--text2);flex:1 1}.styles_animBadge__dmFSM{font-size:9px;padding:1px 5px;border-radius:10px;background:rgba(255,107,107,.15);color:#ff6b6b;font-weight:600}.styles_iconBtn__mJhdE{background:none;border:none;color:var(--text3);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .12s;flex-shrink:0;line-height:1}.styles_iconBtn__mJhdE:hover{color:#f87171}.styles_propRows__eR3m2{display:flex;flex-direction:column;gap:7px}.styles_propRow__2DhAV{display:flex;align-items:center;gap:6px;overflow:hidden}.styles_propLabel__YQ4SU{font-size:10px;color:var(--text3);width:46px;flex-shrink:0}.styles_propVal__Nhgf3{font-size:11px;color:var(--text2);width:28px;flex-shrink:0;font-family:var(--font-mono)}.styles_colorPicker__1n8Ga{width:24px;height:24px;border-radius:4px;border:1px solid var(--border2);background:none;cursor:pointer;padding:1px;flex-shrink:0}.styles_hexInput__5hHpj{flex:1 1;min-width:0;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:3px 5px;outline:none}.styles_hexInput__5hHpj:focus{border-color:#ff6b6b}.styles_rangeInput__m4WVi{flex:1 1;accent-color:#ff6b6b;cursor:pointer}.styles_numInput__r0prS{flex:1 1;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:3px 5px;outline:none;text-align:center}.styles_numInput__r0prS:focus{border-color:#ff6b6b}.styles_importBtn__BSr2E{width:100%;padding:8px 12px;border-radius:6px;border:1px dashed var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all .14s;margin-bottom:6px}.styles_importBtn__BSr2E:hover{border-color:#ff6b6b;color:#ff6b6b;background:rgba(255,107,107,.06)}.styles_importHint__xnuIL{font-size:10px;color:var(--text3);line-height:1.4;margin:0}.styles_importError__o7mBA{font-size:10px;color:#f87171;margin:4px 0 0}.styles_importedBadge___6HRw{font-size:8px;padding:1px 4px;border-radius:3px;background:rgba(107,255,212,.15);color:#6affd4;letter-spacing:.5px;flex-shrink:0}.styles_swatchRow__G3eBg{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0}.styles_swatch__E1jm0{width:16px;height:16px;border-radius:3px;border:2px solid transparent;cursor:pointer;transition:transform .1s;padding:0}.styles_swatch__E1jm0:hover{transform:scale(1.25)}.styles_swatchActive__DhcNV{border-color:white!important}.styles_engineRow__Zlek7{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.styles_engineToggle__lGxHk{display:flex;border-radius:5px;overflow:hidden;border:1px solid var(--border2)}.styles_engineBtn__nb9yW{padding:3px 10px;background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:10px;font-weight:600;border:none;cursor:pointer;transition:all .12s;letter-spacing:.5px}.styles_engineBtn__nb9yW:hover{color:var(--text2)}.styles_engineBtnActive__PVp_d{background:#ff6b6b!important;color:#fff!important}.styles_engineBtnGsap__yEmKJ{background:#6bcb77!important;color:#000!important}.styles_engineBtnCss__Aj8vp{background:#3b82f6!important;color:#fff!important}.styles_gsapNote__MkR9U{background:rgba(107,203,119,.08);border:1px solid rgba(107,203,119,.2);border-radius:4px}.styles_cssNote__ugGfs,.styles_gsapNote__MkR9U{font-size:10px;color:var(--text3);line-height:1.4;margin:0 0 8px;padding:5px 7px}.styles_cssNote__ugGfs{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:4px}.styles_animPresets__HUUd4{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.styles_animPresetBtn__Ec9xS{padding:4px 8px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .12s}.styles_animPresetBtn__Ec9xS:hover{border-color:#ff6b6b;color:#ff6b6b}.styles_animPresetBtnGsap__etAPQ{border-color:rgba(107,203,119,.3);color:#6bcb77}.styles_animPresetBtnGsap__etAPQ:hover{border-color:#6bcb77;background:rgba(107,203,119,.08)}.styles_animPresetBtnCss__20otf{border-color:rgba(59,130,246,.3);color:#3b82f6}.styles_animPresetBtnCss__20otf:hover{border-color:#3b82f6;background:rgba(59,130,246,.08)}.styles_animList__FbKkC{display:flex;flex-direction:column;gap:3px}.styles_animItem__g_ZKk{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.2)}.styles_engineBadge__AhrzV{font-size:8px;font-weight:700;letter-spacing:.3px;padding:1px 4px;border-radius:3px;flex-shrink:0}.styles_engineBadgeSmil___CwMA{background:rgba(255,107,107,.2);color:#ff6b6b}.styles_engineBadgeGsap__2w0KY{background:rgba(107,203,119,.2);color:#6bcb77}.styles_engineBadgeCss__JJww6{background:rgba(59,130,246,.2);color:#3b82f6}.styles_animLabel__QfDkq{font-size:11px;color:var(--text2);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles_durInput__JhXyW{width:38px;background:var(--surface2);border:1px solid var(--border2);border-radius:3px;color:#ff6b6b;font-family:var(--font-mono);font-size:10px;padding:2px 4px;outline:none;text-align:center;flex-shrink:0}.styles_durInput__JhXyW:focus{border-color:#ff6b6b}.styles_main__8vYf_{display:flex;flex-direction:column;overflow:hidden}.styles_canvasBar__g6QD6{display:flex;align-items:center;gap:6px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_canvasBarLabel__UFBNm{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-right:2px}.styles_bgBtn__VmPmk{padding:3px 10px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .12s}.styles_bgBtn__VmPmk:hover{border-color:#ff6b6b;color:var(--text)}.styles_bgBtnActive__a5ZgD{border-color:#ff6b6b!important;color:#ff6b6b!important;background:rgba(255,107,107,.1)!important}.styles_drawBtnActive__x_XP0{border-color:#6affd4!important;color:#000!important;background:#6affd4!important}.styles_bgColorWrap__iCWmI{width:26px;height:26px;border-radius:5px;border:1px solid var(--border2);overflow:hidden;flex-shrink:0;cursor:pointer;transition:border-color .12s}.styles_bgColorWrap__iCWmI:hover{border-color:#ff6b6b}.styles_bgColorPicker__H8zPK{width:200%;height:200%;margin:-25%;border:none;padding:0;cursor:pointer;background:none}.styles_preview___4jHf{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:background .2s}.styles_bg_dark__Qd4Kb{background:#12121f}.styles_bg_light__dvkA5{background:#f4f4f8}.styles_bg_none__ou6u5{background:transparent}.styles_bg_dots__D1WEt{background:#12121f;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 0);background-size:24px 24px}.styles_bg_grid__d5eZ5{background:#12121f;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:40px 40px}.styles_svgEl__jaFN0{position:relative;z-index:1}.styles_emptyHint___7UcH{position:absolute;font-size:12px;color:var(--text3);pointer-events:none}.styles_codeArea__cov5Q{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_codeTabs__tqzDy{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 8px 0 4px}.styles_codeTabLabel__Rj7X4{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ff6b6b;font-weight:600}.styles_codeTab__eVC6s{padding:7px 14px;background:none;font-family:var(--font-ui);font-size:11px;color:var(--text3);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .14s;display:flex;align-items:center;gap:5px}.styles_codeTab__eVC6s:hover{color:var(--text2)}.styles_codeTabActive__V1NLp{color:#ff6b6b!important;border-bottom-color:#ff6b6b!important}.styles_codeTabGsap__VY0yg{color:#6bcb77!important;border-bottom-color:#6bcb77!important}.styles_codeTabSub__cI7xO{font-size:9px;letter-spacing:.5px;color:var(--text3);font-weight:400}.styles_codeActions__gfWgP{display:flex;gap:6px;margin-left:auto}.styles_copyBtnAction__vhmrV{padding:4px 12px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .14s}.styles_copyBtnAction__vhmrV:hover{border-color:#6affd4;color:#6affd4}.styles_copyBtnHtml__f5BUS{border-color:rgba(107,203,119,.4)!important;color:#6bcb77!important}.styles_copyBtnHtml__f5BUS:hover{border-color:#6bcb77!important}.styles_codeBlock__D4ZDQ{background:var(--bg);padding:10px 14px;font-family:var(--font-mono);font-size:11px;color:#6affd4;line-height:1.6;white-space:pre-wrap;word-break:break-all;margin:0;max-height:140px;overflow-y:auto}