.styles_wrap__Z_JGz{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__9YW2r{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__A8DXT{width:30px;height:30px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.styles_headerTitle__iLeau{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_headerAccent__MmA_4{color:var(--accent)}.styles_layout__aNIX_{display:grid;grid-template-columns:200px 1fr;flex:1 1;overflow:hidden}.styles_sidebar__oX6d5{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.styles_sidebarTitle__3rqbz{position:-webkit-sticky;position:sticky;top:0;z-index:1;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);background:var(--surface);padding:12px 12px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_animGrid__ee5Dx{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;padding:10px}.styles_animBtn__X1LFL{padding:7px 6px;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;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_animBtn__X1LFL:hover{border-color:var(--accent);color:var(--accent)}.styles_animBtnActive__DkD40{background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important}.styles_main__DnbLj{display:flex;flex-direction:column;overflow:hidden}.styles_controls__cs3YQ{display:flex;gap:16px;align-items:flex-end;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_ctrlGroup__3_Po6{display:flex;flex-direction:column;gap:4px}.styles_ctrlLabel__RyqHB{font-size:10px;color:var(--text3);letter-spacing:.5px;text-transform:uppercase}.styles_ctrlVal__JIn2h{font-size:11px;color:var(--text2)}.styles_select__VPxpL{background:var(--surface2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-family:var(--font-ui);font-size:11px;padding:4px 8px;outline:none;cursor:pointer}.styles_preview__pSjhb{flex:1 1;flex-direction:column;background:var(--surface2);position:relative;gap:16px;min-height:150px}.styles_previewBox__MKUzl,.styles_preview__pSjhb{display:flex;align-items:center;justify-content:center}.styles_previewBox__MKUzl{width:100px;height:100px;background:var(--accent);border-radius:12px;font-size:12px;color:rgba(0,0,0,.7);font-weight:600}.styles_bezierBtn__BrbXC{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--surface2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all .14s;white-space:nowrap;max-width:140px}.styles_bezierBtn__BrbXC:hover{border-color:var(--accent)}.styles_bezierBtnActive__RXADD{border-color:var(--accent)!important;background:var(--accent)18!important}.styles_bezierBtnLabel__n_qHx{overflow:hidden;text-overflow:ellipsis;max-width:80px}.styles_bezierPanel__kl0Wh{border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px;display:flex;gap:16px;align-items:flex-start;flex-shrink:0}.styles_bezierPresets__QArKK{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;width:110px;flex-shrink:0}.styles_bezierPreset__1cWvM{padding:5px 4px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .14s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_bezierPreset__1cWvM:hover{border-color:var(--accent);color:var(--accent)}.styles_bezierMain__deCfh{display:flex;gap:14px;align-items:center;flex:1 1}.styles_bezierSvg__GQ1qc{background:var(--bg);border:1px solid var(--border2);border-radius:8px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_bezierInfo__R7MxT{display:flex;flex-direction:column;gap:8px}.styles_bezierPointLabel__U6TgY{font-size:10px;font-family:var(--font-ui);letter-spacing:.3px;display:flex;flex-direction:column;gap:2px}.styles_bezierPointLabel__U6TgY span{font-family:var(--font-mono);font-size:11px;color:var(--text2)}.styles_bezierValue__tmpXh{font-family:var(--font-mono);font-size:10px;color:#6affd4;background:var(--bg);border:1px solid var(--border2);border-radius:5px;padding:5px 8px;word-break:break-all;line-height:1.5}.styles_replayBtn__LD3Eb{background:var(--surface);border:1px solid var(--border2);color:var(--text2);font-family:var(--font-ui);font-size:11px;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .14s}.styles_replayBtn__LD3Eb:hover{border-color:var(--accent);color:var(--accent)}.styles_codeArea__HuvlR{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_codeTabs__OK3tK{display:flex;border-bottom:1px solid var(--border)}.styles_codeTab__SfvXP{padding:9px 16px;font-size:11px;font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--text3);cursor:pointer;transition:all .14s;background:none;border:none;border-bottom:2px solid transparent}.styles_codeTab__SfvXP:hover{color:var(--text2)}.styles_codeTabActive__qJX_a{color:var(--accent);border-bottom-color:var(--accent)}.styles_codeWrap__5PDCD{position:relative;padding:12px}.styles_codeBlock__BMeq1{background:var(--bg);border:1px solid var(--border2);border-radius:6px;padding:12px 60px 12px 14px;font-family:var(--font-mono);font-size:12px;color:#6affd4;line-height:1.7;white-space:pre-wrap;word-break:break-all;margin:0;max-height:200px;overflow-y:auto}.styles_copyBtn__Ystbs{position:absolute;top:20px;right:20px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);font-family:var(--font-ui);font-size:10px;padding:4px 9px;border-radius:5px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .14s}.styles_copyBtn__Ystbs:hover{border-color:#6affd4;color:#6affd4}.styles_copyBtnCopied__QSL7G{border-color:#6affd4!important;color:#6affd4!important}