.styles_wrap__IEE3Z{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__4D7vF{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}.styles_logoIcon__Spqzz{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.4)}.styles_title__WUQKQ{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.styles_body__FRvnr{display:flex;flex:1 1;min-height:0}.styles_leftPane__wPzQr{flex:0 0 320px;border-right:1px solid var(--border);overflow-y:auto;padding:4px 0 24px;background:var(--surface)}.styles_rightPane__K0gky{flex:1 1;display:flex;flex-direction:column;min-width:0}.styles_section__xaRNz{padding:16px;border-bottom:1px solid var(--border)}.styles_sectionLabel__LR_Ty{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:12px}.styles_presets__dYHSB{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.styles_preset__hIKnN{padding:8px 4px;font-size:12px;font-weight:500;color:var(--text2);background:var(--surface2);border:1px solid var(--border2);border-radius:7px;cursor:pointer;font-family:var(--font-ui);transition:all .15s}.styles_preset__hIKnN:hover{border-color:#06b6d4;color:var(--text);background:rgba(6,182,212,.08)}.styles_modeTabs__QFUre{display:flex;gap:6px;background:var(--bg);padding:4px;border-radius:9px;border:1px solid var(--border)}.styles_modeTab__xfbqb{flex:1 1;padding:7px;font-size:13px;font-weight:500;color:var(--text2);background:transparent;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-ui);transition:all .15s}.styles_modeTabActive__vOq9U{background:#06b6d4;color:#04222b;font-weight:600}.styles_sliders__eI_gF{display:flex;flex-direction:column;gap:14px}.styles_sliderRow__QTmWk{display:grid;grid-template-columns:86px 1fr 52px;align-items:center;grid-gap:10px;gap:10px}.styles_sliderLabel__vXMNj{font-size:13px;color:var(--text)}.styles_slider__3p1GW{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:var(--surface3);outline:none;cursor:pointer}.styles_slider__3p1GW::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#06b6d4;cursor:pointer;border:2px solid var(--surface)}.styles_slider__3p1GW::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#06b6d4;cursor:pointer;border:2px solid var(--surface)}.styles_sliderVal__JfHAf{font-size:12px;color:var(--text2);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.styles_colorRow__cmBO0{display:flex;gap:10px;margin-bottom:12px}.styles_colorField__Hi_Ka{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.styles_colorInput__qL_Um{width:30px;height:30px;padding:0;border:1px solid var(--border2);border-radius:7px;background:none;cursor:pointer}.styles_checkRow__nzyi0{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.styles_checkRow__nzyi0 input{accent-color:#06b6d4;width:15px;height:15px;cursor:pointer}.styles_randomBtn__c7qkC{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:8px;cursor:pointer;font-family:var(--font-ui);transition:all .15s}.styles_randomBtn__c7qkC:hover{border-color:#06b6d4;color:var(--text)}.styles_previewSection__8zbHH{flex:1 1;display:flex;min-height:0;padding:28px;background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--bg);background-size:24px 24px,24px 24px,100% 100%}.styles_preview__yfqsY{display:flex;flex-direction:column;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.18);background:var(--surface)}.styles_previewFill__HK3ki{flex:1 1;min-height:60px;background:var(--surface2)}.styles_waveHolder__IscNc{width:100%;line-height:0}.styles_outputSection__5fH5J{flex:0 0 auto;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;max-height:38%}.styles_exportRow__tGZzb{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.styles_exportTabs__hDOUm{display:flex;gap:4px}.styles_exportTab__5f53V{padding:5px 12px;font-size:12px;font-weight:500;color:var(--text2);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:var(--font-ui);transition:all .15s}.styles_exportTabActive__xXPWy{color:#0891b2;background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.35)}.styles_copyBtn__OS4ck{padding:6px 16px;font-size:12px;font-weight:600;color:#04222b;background:#06b6d4;border:none;border-radius:7px;cursor:pointer;font-family:var(--font-ui);transition:all .15s}.styles_copyBtn__OS4ck:hover{background:#22cce8}.styles_copyBtnOk__gWKtc{background:#4ade9e;color:#04291a}.styles_outputCode__qwyc5{margin:0;padding:14px;overflow:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2}@media (max-width:768px){.styles_body__FRvnr{flex-direction:column}.styles_leftPane__wPzQr{flex:none;border-right:none;border-bottom:1px solid var(--border)}.styles_outputSection__5fH5J{max-height:50%}}