.styles_wrap__smSyQ{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__GALzj{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_headerTitle__tkLnE{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_logoAccent__ctRcG{color:#7c6aff}.styles_logoIcon__9rj5_{width:30px;height:30px;background:#7c6aff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.styles_body__2IFzU{display:flex;flex-direction:row;flex:1 1;min-height:0;overflow:hidden}.styles_sidebar__Uil9l{width:180px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);padding:16px 12px;overflow-y:auto;gap:12px}.styles_sidebarLabel__xymvn{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);margin:0}.styles_chipGrid__3EhDd{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.styles_chip__4Qz3u{padding:8px 4px 6px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);cursor:pointer;transition:border-color .14s,background .14s;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:64px}.styles_chip__4Qz3u:hover{border-color:#7c6aff}.styles_chipActive__fCdlA{background:#7c6aff18!important;border-color:#7c6aff!important}.styles_chipPreview__3YxTN{display:flex;align-items:center;justify-content:center;width:100%;height:36px;pointer-events:none}.styles_chipName__ou53b{font-size:9px;letter-spacing:.3px;color:var(--text3);text-align:center;line-height:1}.styles_chipActive__fCdlA .styles_chipName__ou53b{color:#7c6aff}.styles_content__cbhzC{flex:1 1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.styles_controlsBar__Ey5Ml{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_sep__uFEuc{width:1px;height:20px;background:var(--border);flex-shrink:0}.styles_colorControl__K_vG0{display:flex;align-items:center;gap:6px;flex-shrink:0}.styles_ctrlLabel__0K4cZ{font-size:11px;color:var(--text3);white-space:nowrap}.styles_bgPreset__6ed48{padding:3px 9px;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;white-space:nowrap}.styles_bgPreset__6ed48:hover{border-color:#7c6aff;color:#7c6aff}.styles_bgPresetActive__mjvNp{border-color:#7c6aff!important;color:#7c6aff!important;background:#7c6aff18!important}.styles_colorPicker__3QIIN{width:26px;height:26px;border-radius:5px;border:1px solid var(--border2);background:none;cursor:pointer;padding:1px;flex-shrink:0}.styles_hexInput__tKE4e{width:72px;background:var(--surface2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:4px 6px;outline:none}.styles_hexInput__tKE4e:focus{border-color:#7c6aff}.styles_sliderControl__9QMZq{display:flex;align-items:center;gap:7px;flex-shrink:0}.styles_rangeInput__x2RAp{width:90px;accent-color:#7c6aff;cursor:pointer}.styles_ctrlVal__gB7mD{font-size:11px;color:#7c6aff;font-family:var(--font-mono);width:30px}.styles_previewArea__M8WkN{flex:1 1;background:var(--surface2);overflow:hidden;min-height:0}.styles_previewArea__M8WkN,.styles_previewBox__Z1Cj6{display:flex;align-items:center;justify-content:center;position:relative}.styles_previewBox__Z1Cj6{z-index:1;min-width:80px;min-height:80px}.styles_codeArea__A72r8{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_codeHeader__EVh_l{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-right:12px}.styles_codeTabs__S89D9{display:flex}.styles_codeTab__mRGYU{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__mRGYU:hover{color:var(--text2)}.styles_codeTabActive__KLu3d{color:#7c6aff;border-bottom-color:#7c6aff}.styles_copyBtn__C8HI2{padding:4px 12px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .14s}.styles_copyBtn__C8HI2:hover{border-color:#6affd4;color:#6affd4}.styles_copyBtnCopied__I7Cpu{border-color:#6affd4!important;color:#6affd4!important}.styles_codeBlock__yNEJy{background:var(--bg);padding:14px 16px;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}