.styles_wrap__iSqbo{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__qOMZX{gap:10px;padding:7px 14px;min-height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.styles_header__qOMZX,.styles_logo__GzAEW{display:flex;align-items:center;flex-shrink:0}.styles_logo__GzAEW{gap:9px;font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text);white-space:nowrap}.styles_logoIcon__Gj2sf{width:28px;height:28px;border-radius:7px;border:1px solid rgba(129,140,248,.3);background:rgba(129,140,248,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_exportTabs__xdYt4{display:flex;gap:4px}.styles_exportTab__53U28{padding:4px 10px;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:all .12s}.styles_exportTab__53U28:hover{border-color:rgba(129,140,248,.4);color:var(--clr-indigo)}.styles_exportTabActive__dS2eC{border-color:#818cf8!important;color:var(--clr-indigo)!important;background:rgba(129,140,248,.08)!important}.styles_headerRight__nRA9A{display:flex;align-items:center;gap:8px}.styles_toggle__C_mvZ{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.styles_toggle__C_mvZ input{accent-color:#818cf8;cursor:pointer}.styles_body__3vq5g{display:flex;flex:1 1;overflow:hidden}.styles_leftPane__nO_8P{flex:0 0 320px;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.styles_rightPane__DsxDq{min-width:0}.styles_previewSection__QzDpE,.styles_rightPane__DsxDq{flex:1 1;display:flex;flex-direction:column;overflow:visible}.styles_previewSection__QzDpE{min-height:0;padding:12px 12px 16px;align-items:center;justify-content:center;gap:8px}.styles_previewHint__EsLUs{font-size:10px;color:var(--text3);opacity:.7}.styles_previewOuter__6o23Y{position:relative;aspect-ratio:1;height:100%;max-width:100%;border-radius:0;overflow:visible;border:1px solid var(--border2);background:#e5e7eb;flex-shrink:0}.styles_previewOuterWide__i7I5f{flex-shrink:0}.styles_previewBg__zGiGK{position:absolute;inset:0;overflow:hidden;border-radius:0}.styles_previewImg____Kf4{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;border-radius:0}.styles_previewOutside__2yWMp{opacity:.18}.styles_svgOverlay__TK36O{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;overflow:visible}.styles_handle__5fq4p{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.45);transform:translate(-50%,-50%);cursor:-webkit-grab;cursor:grab;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.5);background:rgba(239,68,68,.55)}.styles_handle__5fq4p:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_handleCenter__f9h8V{background:rgba(129,140,248,.55)!important}.styles_previewOuterDragging__ZFEXm,.styles_previewOuterDragging__ZFEXm *{cursor:none!important}.styles_handlePopover__fhZnK{position:absolute;transform:translate(-50%,calc(-100% - 10px));z-index:20;background:var(--surface);border:1px solid var(--border2);border-radius:6px;padding:4px 8px;display:flex;align-items:center;pointer-events:all;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.4)}.styles_handlePopoverDelete__KM_I3{background:none;border:none;color:#ef4444;font-family:var(--font-ui);font-size:11px;cursor:pointer;padding:0;line-height:1}.styles_handlePopoverDelete__KM_I3:hover{color:#ff6b6b}.styles_handlePopoverMin__Q3ohY{font-size:10px;color:var(--text3);font-family:var(--font-ui)}.styles_previewBar__p5GSR{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_bgTabs__HaTiM{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.styles_bgTab___yfI6{padding:4px 10px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all .12s}.styles_bgTab___yfI6:hover{border-color:rgba(129,140,248,.4);color:var(--clr-indigo)}.styles_bgTabActive__QprgR{border-color:#818cf8!important;color:var(--clr-indigo)!important;background:rgba(129,140,248,.08)!important}.styles_colorInput__bTw5B{width:32px;height:23px;border:1px solid var(--border2);border-radius:5px;padding:1px;background:var(--surface2);cursor:pointer}.styles_bgImageInput__ynQyJ{display:none}.styles_bgChangeBtn__9Zp6U{padding:4px 10px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all .12s}.styles_bgChangeBtn__9Zp6U:hover{border-color:rgba(129,140,248,.4);color:var(--clr-indigo)}.styles_outputSection__mMe5m{padding:10px 12px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px;flex-shrink:0}.styles_outputFooter__Eympq{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.styles_outputFooter__Eympq .styles_copyBtn__CkIo4{margin-left:auto}.styles_outputCode__V6ML0{font-family:var(--font-mono);font-size:11.5px;color:var(--clr-indigo);background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:9px 11px;word-break:break-all;white-space:pre-wrap;line-height:1.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.styles_copyBtn__CkIo4{display:flex;align-items:center;gap:5px;padding:4px 10px;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:all .14s}.styles_copyBtn__CkIo4:hover{border-color:rgba(129,140,248,.5);color:var(--clr-indigo)}.styles_copyBtnOk__CaPkf{border-color:#4ade9e!important;color:#4ade9e!important}.styles_section__Ljvdq{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:9px}.styles_sectionLabel__kiDz_{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.styles_presetStrip__am3UH{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.styles_presetStrip__am3UH::-webkit-scrollbar{height:4px}.styles_presetStrip__am3UH::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.styles_presetThumb__KR_CI{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;background:none;border:2px solid transparent;border-radius:0;padding:5px;cursor:pointer;transition:border-color .12s}.styles_presetThumb__KR_CI svg{width:48px;height:48px;border-radius:0;background:var(--surface2);display:block}.styles_presetThumb__KR_CI span{font-size:10px;color:var(--text3);white-space:nowrap;font-family:var(--font-ui)}.styles_presetThumb__KR_CI:hover{border-color:rgba(129,140,248,.4)}.styles_presetThumbActive__ibSXW{border-color:#818cf8!important}.styles_modeTabs__5lo2N{display:flex;gap:5px;flex-wrap:wrap}.styles_modeTab__GTvCl{padding:5px 12px;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:all .12s}.styles_modeTab__GTvCl:hover{border-color:rgba(129,140,248,.4);color:var(--clr-indigo)}.styles_modeTabActive__u1wo_{border-color:#818cf8!important;color:var(--clr-indigo)!important;background:rgba(129,140,248,.1)!important}.styles_sliders__dq0BP{display:flex;flex-direction:column;gap:8px}.styles_sliderRow__qciVD{display:flex;align-items:center;gap:8px}.styles_sliderLabel__1e3_x{font-size:11px;color:var(--text2);width:70px;flex-shrink:0}.styles_slider__oYAUT{flex:1 1;accent-color:#818cf8;cursor:pointer}.styles_sliderVal__O1KP5{font-family:var(--font-mono);font-size:11px;color:var(--clr-indigo);width:42px;text-align:right;flex-shrink:0}.styles_pointsTable__Kwbdn{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto}.styles_pointRow__P_VOx{display:flex;align-items:center;gap:6px}.styles_pointIdx__cMd_7{font-family:var(--font-mono);font-size:10px;color:var(--text3);width:20px;flex-shrink:0}.styles_pointCoord__p7XZ2{display:flex;align-items:center;gap:3px;flex:1 1}.styles_pointCoord__p7XZ2 label{font-size:10px;color:var(--text3);font-weight:600}.styles_pointInput__PYpOQ{width:48px;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:3px 5px;font-family:var(--font-mono);font-size:11px;color:var(--text);outline:none;transition:border-color .12s;text-align:center}.styles_pointInput__PYpOQ:focus{border-color:rgba(129,140,248,.5)}.styles_pct__jfyTo{font-size:10px;color:var(--text3)}.styles_removePoint__71AHm{width:20px;height:20px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .12s;flex-shrink:0}.styles_removePoint__71AHm:hover{border-color:#ff6b6b;color:#ff6b6b}.styles_addPoint__yyzdH{align-self:flex-start;padding:5px 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:all .12s}.styles_addPoint__yyzdH:hover{border-color:rgba(129,140,248,.5);color:var(--clr-indigo)}[data-theme=dark] .styles_previewOuter__6o23Y{background:#111}@media (max-width:768px){.styles_presetStrip__am3UH{padding:8px 10px}.styles_presetThumb__KR_CI svg{width:40px;height:40px}.styles_body__3vq5g{flex-direction:column}.styles_leftPane__nO_8P{flex:0 0 auto;max-height:50vh;border-right:none;border-bottom:1px solid var(--border)}.styles_rightPane__DsxDq{flex:1 1;min-height:0}.styles_previewSection__QzDpE{flex:1 1;min-height:260px}.styles_previewOuter__6o23Y{height:240px}}