.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(--text2);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(--text2)}.styles_dropText__UIt_3{font-size:13px;font-weight:600;color:var(--text)}.styles_dropSub__S_G0k{font-size:11px;color:var(--text2)}.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(--text2);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(--text2)}.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(--text2);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(--text2);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(--text2);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(--text2)}.styles_previewMeta__TsO4P{font-size:11px;color:var(--text2);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(--text2)}.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(--text2);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(--text2)}.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(--text2);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}}