*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0A0A0A;--bg-panel: #111111;--bg-control: #1C1C1C;--bg-control-hover: #242424;--bg-control-active: #2A2A2A;--accent: #E63322;--accent-dim: rgba(230, 51, 34, .15);--text-primary: #FFFFFF;--text-secondary: #888888;--text-tertiary: #444444;--border: #222222;--border-light: #2E2E2E;--cell-empty: rgba(255, 255, 255, .05);--radius-sm: 0px;--radius-md: 0px;--panel-width: 280px;--header-height: 52px}html,body{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:11px;letter-spacing:.02em;overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}button{font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;font-size:inherit;letter-spacing:inherit;color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-light)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--bg-control);border-radius:var(--radius-sm);outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--bg-control);border-radius:var(--radius-sm)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-sm);background:var(--text-primary);cursor:pointer;margin-top:-5.5px;transition:background .1s}input[type=range]:hover::-webkit-slider-thumb{background:#ddd}input[type=range]:active::-webkit-slider-thumb{background:var(--accent)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-sm);background:var(--text-primary);border:none;cursor:pointer}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border:none;border-radius:var(--radius-sm);padding:0;cursor:pointer;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}._header_aj26b_1{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}._logo_aj26b_12{display:flex;align-items:center}._logoImg_aj26b_17{height:32px;width:auto;display:block}._info_aj26b_23{display:flex;align-items:center;gap:8px}._chip_aj26b_29{font-size:10px;color:var(--text-tertiary);background:var(--bg-control);padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:.05em}._sep_aj26b_38{width:1px;height:16px;background:var(--border-light)}._actionBtn_aj26b_44{font-size:10px;color:var(--text-secondary);background:var(--bg-control);padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;transition:background .1s,color .1s;cursor:pointer}._actionBtn_aj26b_44:hover{background:var(--bg-control-hover);color:var(--text-primary)}._wrapper_i4ni5_1{display:flex;align-items:center;justify-content:center;flex:1;overflow:auto;padding:40px}._canvas_i4ni5_10{display:block;flex-shrink:0;box-shadow:0 0 0 1px #ffffff0f}._control_m0gwo_1{display:flex;flex-direction:column;gap:8px}._header_m0gwo_7{display:flex;align-items:center;justify-content:space-between}._label_m0gwo_13{color:var(--text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.08em}._value_m0gwo_20{color:var(--text-primary);font-size:11px;min-width:28px;text-align:right}._slider_m0gwo_27{width:100%}._container_rquki_1{display:flex;gap:2px;background:var(--bg-control);border-radius:var(--radius-md);padding:2px}._option_rquki_9{flex:1;padding:5px 4px;font-size:10px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background .1s,color .1s;text-align:center;white-space:nowrap}._option_rquki_9:hover{color:var(--text-primary);background:var(--bg-control-hover)}._option_rquki_9._active_rquki_25{background:var(--bg-control-active);color:var(--text-primary)}._wrapper_1j1j9_1{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}._label_1j1j9_9{color:var(--text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.08em}._track_1j1j9_16{width:32px;height:16px;background:var(--bg-control);border-radius:0;position:relative;transition:background .15s;cursor:pointer;flex-shrink:0}._track_1j1j9_16._on_1j1j9_27{background:var(--accent)}._thumb_1j1j9_31{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-primary);border-radius:0;transition:transform .15s}._on_1j1j9_27 ._thumb_1j1j9_31{transform:translate(16px)}._section_7pydp_1{display:flex;flex-direction:column;gap:14px;padding:16px;border-bottom:1px solid var(--border)}._title_7pydp_9{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}._label_7pydp_17{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}._row_7pydp_25{display:flex;flex-direction:column;gap:8px}._colorInputRow_7pydp_31{display:flex;align-items:center;gap:8px}._hexLabel_7pydp_37{font-size:11px;color:var(--text-secondary);font-family:inherit}._numberInput_7pydp_43{background:var(--bg-control);border:none;border-radius:var(--radius-md);padding:6px 10px;color:var(--text-primary);width:80px;outline:none;font-size:11px}._numberInput_7pydp_43:focus{outline:1px solid var(--accent)}._btnRow_7pydp_58{display:flex;gap:6px}._previewBox_7pydp_63{display:flex;align-items:center;justify-content:center;background:var(--bg-control);border-radius:var(--radius-md);padding:16px;min-height:80px}._swatchRow_7pydp_73{display:flex;gap:6px;flex-wrap:wrap}._swatch_7pydp_73{width:20px;height:20px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .1s,box-shadow .1s;border:1px solid rgba(255,255,255,.08);flex-shrink:0}._swatch_7pydp_73:hover{transform:scale(1.15)}._colorSlots_7pydp_93{display:flex;gap:6px}._slot_7pydp_98{width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;transition:transform .1s;border:2px solid transparent;flex-shrink:0}._slot_7pydp_98._activeSlot_7pydp_108{border-color:var(--text-primary)}._slot_7pydp_98:hover{transform:scale(1.08)}._pickerRow_7pydp_116{display:flex;align-items:center;gap:8px}._hexInput_7pydp_122{background:var(--bg-control);border:none;border-radius:var(--radius-md);padding:6px 10px;color:var(--text-primary);flex:1;outline:none;font-size:11px;font-family:inherit}._hexInput_7pydp_122:focus{outline:1px solid var(--accent)}._historyInfo_7pydp_138{display:flex;justify-content:space-between;color:var(--text-tertiary);font-size:10px}._historyCount_7pydp_145{color:var(--text-secondary)}._btn_1tucy_1{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);background:var(--bg-control);color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:background .1s,color .1s;cursor:pointer;white-space:nowrap;flex:1}._btn_1tucy_1:hover{background:var(--bg-control-hover);color:var(--text-primary)}._btn_1tucy_1._accent_1tucy_24{background:var(--accent);color:#fff}._btn_1tucy_1._accent_1tucy_24:hover{background:#cc2a1a}._btn_1tucy_1._danger_1tucy_33:hover{background:#e6332233;color:var(--accent)}._btn_1tucy_1._small_1tucy_38{padding:6px 8px;font-size:10px}._wrapper_tuyph_1{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-control);border-radius:var(--radius-md);padding:16px}._canvas_tuyph_11{display:block}._label_tuyph_15{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}._panel_177yb_1{width:var(--panel-width);flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);height:100%;overflow-y:auto;display:flex;flex-direction:column}._app_mynyr_1{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary)}._body_mynyr_10{display:flex;flex:1;overflow:hidden}
