.styles_wrap__RI1Ga{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__vOXkf{gap:10px;padding:7px 14px;min-height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.styles_header__vOXkf,.styles_logo__0_PwO{display:flex;align-items:center;flex-shrink:0}.styles_logo__0_PwO{gap:9px;font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text);white-space:nowrap}.styles_logoIcon__wRHvS{width:28px;height:28px;border-radius:7px;border:1px solid rgba(129,140,248,.3);background:rgba(129,140,248,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_presetStrip__DPEAC{display:flex;gap:5px;flex-wrap:wrap;flex:1 1}.styles_presetBtn__QlZ3m{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;white-space:nowrap}.styles_presetBtn__QlZ3m:hover{border-color:rgba(129,140,248,.4);color:#818cf8}.styles_presetBtnActive__fKUNq{border-color:#818cf8!important;color:#818cf8!important;background:rgba(129,140,248,.1)!important}.styles_exportTabsWrap___utPZ{display:flex;gap:4px;flex-wrap:wrap}.styles_exportTab__3k7T_{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__3k7T_:hover{border-color:rgba(129,140,248,.4);color:#818cf8}.styles_exportTabActive__p5ofQ{border-color:#818cf8!important;color:#818cf8!important;background:rgba(129,140,248,.08)!important}.styles_body__DYypx{display:flex;flex:1 1;overflow:hidden}.styles_leftPane__shHcW{flex:0 0 280px;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.styles_leftPane__shHcW::-webkit-scrollbar{width:4px}.styles_leftPane__shHcW::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.styles_section___h8Jx{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.styles_sectionHeader__sUi14{display:flex;align-items:center;justify-content:space-between}.styles_sectionLabel__n_xRA{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.styles_addTrackBtn__kvaUc{padding:3px 8px;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_addTrackBtn__kvaUc:hover{border-color:rgba(129,140,248,.5);color:#818cf8}.styles_trackList__BnMuz{display:flex;flex-direction:column;gap:5px}.styles_trackRow___wlc8{display:flex;align-items:center;gap:6px}.styles_trackIdx__dPvdR{font-family:var(--font-mono);font-size:10px;color:var(--text3);width:14px;flex-shrink:0;text-align:right}.styles_trackInput__PkCSW{flex:1 1;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:4px 7px;font-family:var(--font-mono);font-size:11px;color:var(--text);outline:none;transition:border-color .12s;min-width:0}.styles_trackInput__PkCSW:focus{border-color:rgba(129,140,248,.5)}.styles_trackInput__PkCSW::placeholder{color:var(--text3);opacity:.6}.styles_trackRemoveBtn__ztvk_{width:20px;height:20px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .12s;flex-shrink:0}.styles_trackRemoveBtn__ztvk_:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b}.styles_trackRemoveBtn__ztvk_:disabled{opacity:.3;cursor:not-allowed}.styles_sliders__bM3Nm{display:flex;flex-direction:column;gap:7px}.styles_sliderRow__eWLam{display:flex;align-items:center;gap:8px}.styles_sliderLabel__s7QaQ{font-size:11px;color:var(--text2);width:52px;flex-shrink:0}.styles_slider__fUOmK{flex:1 1;accent-color:#818cf8;cursor:pointer}.styles_sliderVal__bFRAt{font-family:var(--font-mono);font-size:11px;color:#818cf8;width:36px;text-align:right;flex-shrink:0}.styles_alignBlock__5z_Bw{display:flex;flex-direction:column;gap:5px}.styles_alignLabel__OzQqT{font-family:var(--font-mono);font-size:10px;color:var(--text3)}.styles_alignBtns__UKjBT{display:flex;gap:4px;flex-wrap:wrap}.styles_alignBtn__SzRsw{padding:3px 7px;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_alignBtn__SzRsw:hover{border-color:rgba(129,140,248,.4);color:#818cf8}.styles_alignBtnActive__Kcz1a{border-color:#818cf8!important;color:#818cf8!important;background:rgba(129,140,248,.1)!important}.styles_areaHint__VRSM6{font-size:10px;color:var(--text3);opacity:.7}.styles_emptyAreas__QhRUn{font-size:11px;color:var(--text3);opacity:.6;line-height:1.5;margin:0}.styles_areasList__DNui_{display:flex;flex-direction:column;gap:4px}.styles_areaRow__cG0ks{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:5px;border:1px solid transparent;background:var(--surface2);cursor:pointer;transition:all .12s}.styles_areaRow__cG0ks:hover{border-color:var(--border2)}.styles_areaRowSelected__Figwk{border-color:rgba(129,140,248,.4)!important;background:rgba(129,140,248,.06)!important}.styles_areaSwatch__EfPM7{width:10px;height:10px;border-radius:3px;flex-shrink:0}.styles_areaName__uc9xb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles_areaNameInput__J9wGs,.styles_areaName__uc9xb{flex:1 1;font-family:var(--font-mono);font-size:11px;color:var(--text)}.styles_areaNameInput__J9wGs{background:var(--surface);border:1px solid rgba(129,140,248,.4);border-radius:3px;padding:2px 5px;outline:none;min-width:0}.styles_areaSpan__ilJhN{font-family:var(--font-mono);font-size:10px;flex-shrink:0;opacity:.8}.styles_areaDeleteBtn__NCqhO{width:18px;height:18px;border-radius:3px;border:1px solid transparent;background:none;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;opacity:0}.styles_areaRow__cG0ks:hover .styles_areaDeleteBtn__NCqhO{opacity:1}.styles_areaDeleteBtn__NCqhO:hover{border-color:#ff6b6b;color:#ff6b6b}.styles_rightPane__O4RQ2{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.styles_canvasBar__xgjB5{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.styles_canvasHint__y7ZLo{font-size:11px;color:var(--text3)}.styles_gridDims__v9tgk{font-family:var(--font-mono);font-size:10px;color:var(--text3);opacity:.7}.styles_canvas__S7C_0{flex:1 1;min-height:0;padding:16px;background:#0d0d14;overflow:auto}.styles_canvasGrid__zWIOm{width:100%;height:100%;min-height:200px}.styles_cell__sKjFh{min-height:36px;min-width:30px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.1);border-radius:2px;cursor:crosshair;transition:background .08s;z-index:1;position:relative}.styles_cell__sKjFh:hover{background:rgba(129,140,248,.07);border-color:rgba(129,140,248,.25)}.styles_cellInSel__zyUUW{background:rgba(129,140,248,.15)!important;border-color:rgba(129,140,248,.5)!important}.styles_cellConflict__Kl_4o{background:rgba(248,113,113,.2)!important;border-color:rgba(248,113,113,.6)!important}.styles_areaOverlay__Seddi{border-style:solid;border-radius:3px;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;cursor:pointer;transition:border-width .08s,filter .08s}.styles_areaOverlay__Seddi:hover{filter:brightness(1.15)}.styles_areaOverlaySelected__bBAUA{box-shadow:inset 0 0 0 2px rgba(255,255,255,.1)}.styles_areaOverlayLabel__mRC6_{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.3px;pointer-events:none;text-align:center;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.styles_areaOverlayInput__JXpfk{background:rgba(0,0,0,.4);border:1px solid;border-radius:3px;padding:2px 6px;font-family:var(--font-mono);font-size:11px;font-weight:600;outline:none;text-align:center;max-width:90%;pointer-events:all}.styles_codeSection__5bJf1{flex-shrink:0;border-top:1px solid var(--border);display:flex;flex-direction:column;max-height:40%;min-height:140px}.styles_codeSectionHeader__7N2DW{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_codeLabel___KY9l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.styles_copyBtn__A5rA8{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__A5rA8:hover{border-color:rgba(129,140,248,.5);color:#818cf8}.styles_copyBtnOk__hvK39{border-color:#4ade9e!important;color:#4ade9e!important}.styles_codeOutput__efw8d{font-family:var(--font-mono);font-size:11.5px;color:#818cf8;padding:10px 12px;margin:0;overflow:auto;flex:1 1;white-space:pre;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.styles_codeOutput__efw8d::-webkit-scrollbar{height:4px;width:4px}.styles_codeOutput__efw8d::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media (max-width:768px){.styles_body__DYypx{flex-direction:column}.styles_leftPane__shHcW{flex:0 0 auto;max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}.styles_rightPane__O4RQ2{flex:1 1;min-height:0}.styles_canvas__S7C_0{flex:1 1;min-height:180px}.styles_presetStrip__DPEAC{flex:none}.styles_codeSection__5bJf1{max-height:35%}}