.styles_wrap__6jkLE{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__I8DyI{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;overflow:hidden}.styles_logoIcon__l1EwB{width:28px;height:28px;background:#1e1b4b;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.styles_headerTitle__dfLRu{font-size:14px;font-weight:700;letter-spacing:-.3px;color:var(--text);white-space:nowrap;flex-shrink:0}.styles_accent__B3nIe{color:#818cf8}.styles_sep__43mKa{width:1px;height:16px;background:var(--border);flex-shrink:0}.styles_headerCode__1RGsU{font-family:var(--font-mono);font-size:10px;color:var(--text3);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles_headerActions__BZPWZ{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.styles_resetBtn__1vk1V{padding:4px 10px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s}.styles_resetBtn__1vk1V:hover:not(:disabled){border-color:#f87171;color:#f87171}.styles_resetBtn__1vk1V:disabled{opacity:.35;cursor:default}.styles_copyBtn__ARz9Z{padding:4px 12px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap}.styles_copyBtn__ARz9Z:hover{border-color:#818cf8;color:#818cf8}.styles_presetsBar__v0leT{display:flex;gap:3px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.styles_presetBtn__yjpVI{padding:3px 10px;border-radius:5px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:10px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap}.styles_presetBtn__yjpVI:hover{color:var(--text2);border-color:#818cf8}.styles_presetBtnActive__2HjNg{background:#818cf820!important;border-color:#818cf866!important;color:#818cf8!important}.styles_body__tB9lq{display:flex;flex:1 1;min-height:0;overflow:hidden}.styles_sidebar__6ARIm{width:230px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:12px}.styles_group__bBKvy{padding:10px 14px 6px}.styles_groupHeader__Mrzqs{display:flex;align-items:center;gap:7px;margin-bottom:8px}.styles_groupIcon__xzXyk{font-size:13px;color:#818cf8;width:18px;text-align:center}.styles_groupLabel__bYpCI{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text3)}.styles_divider__vJ1xL{height:1px;background:var(--border);flex-shrink:0;margin:4px 0}.styles_sliderRow__YyW8K{margin-bottom:10px}.styles_sliderRow__YyW8K:last-child{margin-bottom:0}.styles_sliderLabelRow__22f0T{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.styles_sliderLabel___KYqP{font-size:11px;color:var(--text3);font-weight:500}.styles_valWrap__v9PKy{display:flex;align-items:center;gap:3px}.styles_numInput__apIsL{width:46px;background:var(--surface2);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px;padding:2px 4px;outline:none;text-align:right;transition:border-color .13s;-moz-appearance:textfield}.styles_numInput__apIsL:focus{border-color:#818cf8}.styles_numInput__apIsL::-webkit-inner-spin-button,.styles_numInput__apIsL::-webkit-outer-spin-button{-webkit-appearance:none}.styles_unit__OXH8p{font-size:9px;color:var(--text3);font-weight:600;min-width:18px}.styles_slider__2SSwY{width:100%;height:3px;accent-color:#818cf8;cursor:pointer;display:block}.styles_sliderMinMax__R7JXT{display:flex;justify-content:space-between;font-size:9px;color:var(--text3);margin-top:2px}.styles_originGrid__Af5LJ{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;width:72px;margin:0 auto 6px}.styles_originBtn__6l9ni{width:20px;height:20px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);cursor:pointer;transition:all .13s}.styles_originBtn__6l9ni:hover{border-color:#818cf8;background:#818cf820}.styles_originBtnActive__7K1ch{background:#818cf8!important;border-color:#818cf8!important}.styles_originLabel__lLCNB{text-align:center;font-size:10px;color:var(--text3);font-style:italic}.styles_rightCol__Ba_q_{min-width:0}.styles_previewArea__LFs6I,.styles_rightCol__Ba_q_{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.styles_previewArea__LFs6I{min-height:0}.styles_previewBg__Rqi1u{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface2)}.styles_previewGrid__Pond1{background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,var(--border) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,var(--border) 30px);background-color:var(--bg)}.styles_crosshair__f7j_O{position:absolute;inset:0;pointer-events:none}.styles_crosshairH__LEPK_{top:50%;left:0;right:0;height:1px}.styles_crosshairH__LEPK_,.styles_crosshairV__zKaaw{position:absolute;background:color-mix(in srgb,#818cf8 25%,transparent)}.styles_crosshairV__zKaaw{left:50%;top:0;bottom:0;width:1px}.styles_previewBox__8Wt4N{width:120px;height:120px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;transition:transform .05s;will-change:transform}.styles_previewLabel__J6nhW{font-size:11px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_previewControls__tSZ_C{display:flex;align-items:center;gap:14px;padding:6px 14px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.styles_previewCtrlLabel__OePlV{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_previewCtrlLabel__OePlV input{accent-color:#818cf8;cursor:pointer}.styles_previewCtrlLabel__OePlV:hover{color:var(--text2)}.styles_colorDots__AYlq9{display:flex;gap:5px;align-items:center}.styles_colorDot__4Hvqq{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .13s;flex-shrink:0}.styles_colorDot__4Hvqq:hover{transform:scale(1.2)}.styles_colorDotActive__BLfA_{border-color:#fff!important}.styles_output__TQlU7{height:180px;flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--surface);overflow:hidden}.styles_outputHeader__I38vY{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:38px;border-bottom:1px solid var(--border);flex-shrink:0}.styles_outputTabs__iSRlM{display:flex;gap:2px}.styles_outputTab__7TrdV{padding:3px 10px;border-radius:5px;border:none;background:transparent;color:var(--text3);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:all .13s}.styles_outputTab__7TrdV:hover{color:var(--text2)}.styles_outputTabActive__JA__u{background:#818cf820;color:#818cf8}.styles_code__jZVMv{flex:1 1;overflow:auto;margin:0;padding:10px 14px;font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text2);background:var(--surface2);white-space:pre}