.styles_app__kjVVD{display:flex;height:100%;overflow:hidden}.styles_sidebar__Q6Ebc{width:290px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.styles_brand__zxZhd{padding:18px 20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.styles_brandIcon__WSqWd{width:30px;height:30px;background:#d4f064;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_brandText__KvH5g{font-size:14px;font-weight:500;letter-spacing:-.01em}.styles_brandSub__Jz2GE{font-size:11px;color:var(--text2);margin-top:1px}.styles_sidebarScroll__oMkbx{flex:1 1;overflow-y:auto}.styles_sidebarScroll__oMkbx::-webkit-scrollbar{width:4px}.styles_sidebarScroll__oMkbx::-webkit-scrollbar-track{background:transparent}.styles_sidebarScroll__oMkbx::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.styles_section__J0Ckk{padding:16px 20px;border-bottom:1px solid var(--border)}.styles_sectionLabel__YPhRo{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:14px}.styles_prop__1EZdr{margin-bottom:14px}.styles_prop__1EZdr:last-child{margin-bottom:0}.styles_propHead__uFhRu{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.styles_propName__e0zFa{color:var(--text2);font-size:12px;font-family:var(--font-mono)}.styles_propVal__QfvDg{font-size:11px;font-family:var(--font-mono);color:#d4f064;background:rgba(212,240,100,.12);padding:2px 7px;border-radius:4px}.styles_chips__Cnukj{display:flex;flex-wrap:wrap;gap:5px}.styles_chip__b_ufU{padding:4px 9px;font-size:11px;font-family:var(--font-mono);border:1px solid var(--border2);border-radius:5px;background:transparent;color:var(--text2);cursor:pointer;transition:all .15s;line-height:1.4}.styles_chip__b_ufU:hover{background:var(--surface2);color:var(--text)}.styles_chipActive____I_n{background:#d4f064;border-color:#d4f064;color:#0e0e0f;font-weight:500}.styles_sliderWrap__nGwTz{display:flex;align-items:center;gap:10px}.styles_sliderWrap__nGwTz input[type=range]{flex:1 1;-webkit-appearance:none;height:3px;background:var(--surface3);border-radius:2px;outline:none;cursor:pointer}.styles_sliderWrap__nGwTz input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#d4f064;border:2px solid var(--bg);box-shadow:0 0 0 1px #d4f064;-webkit-transition:transform .1s;transition:transform .1s}.styles_sliderWrap__nGwTz input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.styles_itemPanel__XHubt{background:var(--surface2);border-top:1px solid var(--border);padding:16px 20px}.styles_itemPanelHead__mQmL_{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.styles_itemPanelTitle__nUhUI{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.styles_itemBadge__t3g3m{font-size:10px;font-family:var(--font-mono);padding:2px 7px;border-radius:4px;font-weight:600}.styles_main___HP_8{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.styles_toolbar__L3FuE{height:50px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--surface);flex-shrink:0}.styles_toolbarLeft__AkGPl{display:flex;align-items:center;gap:8px}.styles_toolbarLabel__eLAUo{font-size:12px;color:var(--text2)}.styles_toolBtn__CUJ_9{width:30px;height:30px;border:1px solid var(--border2);border-radius:var(--radius);background:transparent;color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--font-ui)}.styles_toolBtn__CUJ_9:hover{background:var(--surface2)}.styles_toolbarRight__QxIvG{display:flex;align-items:center;gap:8px}.styles_resetBtn__g2cRn{padding:5px 12px;border:1px solid var(--border2);border-radius:var(--radius);background:transparent;color:var(--text2);font-size:12px;font-family:var(--font-ui);cursor:pointer;transition:all .15s}.styles_resetBtn__g2cRn:hover{background:var(--surface2);color:var(--text)}.styles_canvasWrap__UtkwD{flex:1 1;overflow:auto;padding:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(circle at 20% 30%,rgba(212,240,100,.03) 0,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:100% 100%,28px 28px,28px 28px}.styles_containerLabel__tRfJR{position:absolute;top:-22px;left:0;font-size:10px;font-family:var(--font-mono);color:var(--text3);letter-spacing:.05em}.styles_flexContainer__zMkuD{display:flex;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);width:100%;max-width:780px;transition:all .2s ease;position:relative}.styles_flexItem__dpbbt{min-width:56px;min-height:56px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;border:1.5px solid transparent;gap:3px;padding:10px 14px}.styles_flexItem__dpbbt:hover{transform:translateY(-2px)}.styles_flexItemSelected__5_lWM{outline:2px solid #d4f064;outline-offset:3px}.styles_itemNum__YTRX4{font-size:18px;font-weight:300;line-height:1;opacity:.9}.styles_itemSub__CB76P{font-size:9px;font-family:var(--font-mono);opacity:.6;white-space:nowrap}.styles_resizeHandle__zXASJ{height:5px;cursor:ns-resize;background:var(--border);transition:background .15s;flex-shrink:0}.styles_resizeHandle__zXASJ:hover{background:#d4f064}.styles_codePanel__qcNJh{height:35vh;flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.styles_codeHeader__0Gzby{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_codeTabs__dOx7Y{display:flex;gap:2px}.styles_codeTab__JOiGQ{padding:4px 10px;font-size:11px;font-family:var(--font-mono);border-radius:5px;cursor:pointer;color:var(--text2);transition:all .15s;border:none;background:transparent}.styles_codeTabActive__aBlpG{background:var(--surface3);color:var(--text)}.styles_copyBtn__Aofya{padding:4px 12px;font-size:11px;font-family:var(--font-mono);border:1px solid var(--border2);border-radius:5px;background:transparent;color:var(--text2);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}.styles_copyBtn__Aofya:hover{background:var(--surface2);color:var(--text)}.styles_copyBtnDone__bVxlc{color:#d4f064;border-color:#d4f064}.styles_codeBody__PuqDv{flex:1 1;overflow:auto;padding:12px 16px}.styles_codeBody__PuqDv::-webkit-scrollbar{height:4px;width:4px}.styles_codeBody__PuqDv::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.styles_codeBody__PuqDv pre{font-size:12px;font-family:var(--font-mono);line-height:1.7;color:var(--text2);white-space:pre}