:root{--bg:#f5f4f1;--surface:#fff;--fg:#1b1a19;--muted:#6d6963;--line:#e5e2dc;--accent:#2f6fed;--accent-fg:#fff;--soft:#eef2fc;--font-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow:0 8px 30px #0000001f;--ease:.18s ease;--sidebar-width:264px;--sidebar-rail:76px;--content-width:980px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131312;--surface:#1c1b1a;--fg:#f1efec;--muted:#a39e97;--line:#2f2d2b;--soft:#23262e;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131312;--surface:#1c1b1a;--fg:#f1efec;--muted:#a39e97;--line:#2f2d2b;--soft:#23262e;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}img,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;font-weight:600;line-height:1.2}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5}code,pre,textarea.mono{font-family:var(--font-mono)}::selection{background:var(--accent);color:var(--accent-fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}._sidebar_1dcr7_2{width:var(--sidebar-width);padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;display:flex;overflow-y:auto}._scrim_1dcr7_13{display:none}._brand_1dcr7_18{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-5);display:flex}._logo_1dcr7_25{object-fit:contain;flex:none;width:32px;height:32px}._name_1dcr7_32{font-family:var(--font-display);font-size:22px;font-weight:600}._nav_1dcr7_39{gap:2px;display:grid}._link_1dcr7_44{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--muted);transition:background var(--ease), color var(--ease);padding:10px;display:flex}._link_1dcr7_44:hover{background:var(--bg);color:var(--fg)}._active_1dcr7_59{background:var(--soft);color:var(--accent);font-weight:600}._icon_1dcr7_65{flex:none;width:20px;height:20px}._note_1dcr7_72{padding:var(--space-4) 10px 0;color:var(--muted);margin-top:auto;font-size:12.5px}@media (width<=1099px){._sidebar_1dcr7_2{width:var(--sidebar-rail);padding-inline:10px}._name_1dcr7_32,._label_1dcr7_87,._note_1dcr7_72{display:none}._brand_1dcr7_18,._link_1dcr7_44{justify-content:center}}@media (width<=699px){._sidebar_1dcr7_2{width:272px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}._open_1dcr7_108{box-shadow:var(--shadow);transform:none}._open_1dcr7_108 ._name_1dcr7_32,._open_1dcr7_108 ._label_1dcr7_87,._open_1dcr7_108 ._note_1dcr7_72{display:revert}._open_1dcr7_108 ._brand_1dcr7_18,._open_1dcr7_108 ._link_1dcr7_44{justify-content:flex-start}._scrim_1dcr7_13._show_1dcr7_124{z-index:25;background:#0006;display:block;position:fixed;inset:0}}._home_pwx55_2{grid-template-columns:auto 1fr;height:100dvh;display:grid}._content_pwx55_8{min-width:0;overflow-y:auto}@media (width<=699px){._home_pwx55_2{grid-template-columns:1fr}}._overview_137pq_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._hero_137pq_11{padding:var(--space-6);background:linear-gradient(135deg, var(--soft), var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg)}._title_137pq_18{max-width:16em;font-size:clamp(28px,4vw,44px);line-height:1.1}._text_137pq_24{max-width:38em;margin:var(--space-4) 0 var(--space-5);color:var(--muted)}._actions_137pq_30{gap:var(--space-3);flex-wrap:wrap;display:flex}._primary_137pq_36,._secondary_137pq_37{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);align-items:center;font-weight:500;display:inline-flex}._primary_137pq_36{background:var(--accent);color:var(--accent-fg)}._secondary_137pq_37{background:var(--surface);border:1px solid var(--line)}._strip_137pq_56{height:44px;margin-top:var(--space-5);border-radius:var(--radius-md);display:flex;overflow:hidden}._strip_137pq_56 span{flex:1}._tools_137pq_69{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}._tool_137pq_69{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:165px;transition:border-color var(--ease), transform var(--ease);align-content:start;display:grid}._tool_137pq_69:hover{border-color:var(--accent);transform:translateY(-2px)}._top_137pq_92{align-items:center;gap:var(--space-2);display:flex}._icon_137pq_98{width:24px;height:24px;color:var(--accent);flex-shrink:0}._name_137pq_105{font-size:16px}._description_137pq_109{color:var(--muted);font-size:14px}._about_137pq_115{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._card_137pq_121{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-content:start;display:grid}._heading_137pq_131{font-size:20px}._person_137pq_135{font-weight:600}._person_137pq_135 span{color:var(--muted);font-weight:400}._stack_137pq_144{gap:var(--space-2);flex-wrap:wrap;display:flex}._tag_137pq_150{background:var(--soft);color:var(--accent);border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:500}._links_137pq_159{gap:var(--space-4);flex-wrap:wrap;display:flex}._link_137pq_159{color:var(--accent);align-items:center;gap:6px;font-weight:500;display:inline-flex}._link_137pq_159:hover{text-decoration:underline}._linkIcon_137pq_177{width:14px;height:14px}@media (width<=1024px){._tools_137pq_69{grid-template-columns:repeat(2,1fr)}}@media (width<=699px){._overview_137pq_2{padding:var(--space-4)}._hero_137pq_11{padding:var(--space-5)}._tools_137pq_69,._about_137pq_115{grid-template-columns:1fr}}._picker_n3d94_2{flex:none;position:relative}._trigger_n3d94_7{border-radius:var(--radius-md);width:52px;height:44px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #00000014;transition:box-shadow var(--ease), transform var(--ease);display:block}._trigger_n3d94_7:hover{box-shadow:0 0 0 2px var(--accent), inset 0 0 0 1px #00000014}._trigger_n3d94_7:active{transform:scale(.97)}._panel_n3d94_25{z-index:40;gap:var(--space-4);width:min(268px,100vw - 64px);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:.14s _pop_n3d94_1;display:grid;position:absolute;top:calc(100% + 10px);left:0}@keyframes _pop_n3d94_1{0%{opacity:0;transform:translateY(-4px)scale(.98)}}._area_n3d94_49{border-radius:var(--radius-md);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--hue) 100% 50%));cursor:crosshair;touch-action:none;height:180px;position:relative}._thumb_n3d94_60{pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}._hue_n3d94_72{border-radius:var(--radius-full);appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:14px}._hue_n3d94_72::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}._hue_n3d94_72::-moz-range-thumb{background:var(--thumb);cursor:pointer;border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}._rgb_n3d94_103{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}._channel_n3d94_109{gap:var(--space-1);color:var(--muted);text-align:center;font-size:12px;font-weight:600;display:grid}._channel_n3d94_109 input{width:100%;min-width:0;height:38px;padding:0 var(--space-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;appearance:textfield;font-size:14px}._channel_n3d94_109 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._channel_n3d94_109 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._presets_n3d94_140{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}._preset_n3d94_140{aspect-ratio:1;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #00000014;transition:transform var(--ease);border-radius:50%}._preset_n3d94_140:hover{transform:scale(1.15)}._page_1rj5n_2{gap:var(--space-4);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._title_1rj5n_10{font-size:28px}._subtitle_1rj5n_14{margin-top:var(--space-1);color:var(--muted)}._grid_1rj5n_19{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._card_1rj5n_25{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-content:start;display:grid}._heading_1rj5n_35{font-size:18px}._preview_1rj5n_40{height:180px;padding:var(--space-4);border-radius:var(--radius-md);transition:background var(--ease);align-items:flex-end;display:flex}._previewHex_1rj5n_49{font-family:var(--font-mono);font-size:26px;font-weight:600}._inputs_1rj5n_56{gap:var(--space-3);display:flex}._text_1rj5n_61{min-width:0;height:44px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-mono);flex:1}._invalid_1rj5n_72{border-color:#c8372d}._error_1rj5n_76{color:#c8372d;font-size:13px}._actions_1rj5n_81{gap:var(--space-2);display:flex}._button_1rj5n_86{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);white-space:nowrap;min-height:36px;transition:border-color var(--ease);align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}._button_1rj5n_86:hover{border-color:var(--accent)}._solid_1rj5n_104{background:var(--accent);color:var(--accent-fg);border-color:#0000}._buttonIcon_1rj5n_110{width:14px;height:14px}._slider_1rj5n_116{gap:var(--space-1);display:grid}._sliderLabel_1rj5n_121{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}._slider_1rj5n_116 input{width:100%;height:28px;accent-color:var(--accent)}._warning_1rj5n_134{padding:10px var(--space-3);background:color-mix(in srgb, #e8a33d 18%, var(--surface));border-radius:var(--radius-md);font-size:13px}._hint_1rj5n_141{color:var(--muted);font-size:13px}._formats_1rj5n_147{display:grid}._format_1rj5n_147{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;padding:10px 0;display:grid}._format_1rj5n_147:last-child,._contrast_1rj5n_161:last-child{border-bottom:0}._formatLabel_1rj5n_165{color:var(--muted);font-size:13px}._formatValue_1rj5n_170{overflow-wrap:anywhere;font-size:14px}._copy_1rj5n_175{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);place-items:center;display:grid}._copy_1rj5n_175:hover{background:var(--soft);color:var(--accent)}._copy_1rj5n_175 svg{width:16px;height:16px}._contrast_1rj5n_161{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto auto;padding:10px 0;display:grid}._sample_1rj5n_204{border-radius:var(--radius-sm);place-items:center;height:32px;font-weight:600;display:grid}._ratio_1rj5n_212{font-size:14px}._badge_1rj5n_216{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:600}._pass_1rj5n_223{color:#0f5a32;background:#d9f2e3}._fail_1rj5n_228{color:#8a1c1c;background:#fbdcdc}@media (width<=899px){._grid_1rj5n_19{grid-template-columns:1fr}}@media (width<=699px){._page_1rj5n_2,._card_1rj5n_25{padding:var(--space-4)}}@media (width<=479px){._actions_1rj5n_81{flex-wrap:wrap}}._panel_17izh_2{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}._head_17izh_11{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._heading_17izh_19{font-size:18px}._actions_17izh_23{gap:var(--space-2);display:flex}._button_17izh_28{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:40px;transition:border-color var(--ease);padding:0 14px;display:inline-flex}._button_17izh_28:hover{border-color:var(--accent)}._button_17izh_28 svg{width:16px;height:16px}._solid_17izh_49{background:var(--accent);color:var(--accent-fg);border-color:#0000}._tabs_17izh_56{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);flex-wrap:wrap;justify-self:start;gap:2px;padding:4px;display:inline-flex}._tab_17izh_56{border-radius:var(--radius-full);color:var(--muted);transition:background var(--ease), color var(--ease);padding:6px 16px;font-size:14px}._tab_17izh_56:hover{color:var(--fg)}._tab_17izh_56[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #0003, 0 0 0 1px var(--line);color:var(--fg);font-weight:600}._editor_17izh_87{border-radius:var(--radius-md);background:#14161c;border:1px solid #262a35;overflow:hidden}._bar_17izh_94{justify-content:space-between;gap:var(--space-3);padding:10px var(--space-4);color:#8b93a1;font-family:var(--font-mono);background:#1a1d25;border-bottom:1px solid #262a35;font-size:12px;display:flex}._code_17izh_107{max-height:340px;padding:var(--space-3) 0;color:#d7dae0;font-family:var(--font-mono);counter-reset:line;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;margin:0;font-size:13px;line-height:1.75;overflow:auto}._code_17izh_107::-webkit-scrollbar{width:10px;height:10px}._code_17izh_107::-webkit-scrollbar-track{background:0 0}._code_17izh_107::-webkit-scrollbar-corner{background:0 0}._code_17izh_107::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff38 padding-box padding-box;border:2px solid #0000}._code_17izh_107::-webkit-scrollbar-thumb:hover{background:#fff6 padding-box padding-box}._code_17izh_107 code{min-width:max-content;display:block}._line_17izh_148{padding-right:var(--space-4);counter-increment:line;display:block}._line_17izh_148:before{content:counter(line);width:3em;margin-right:var(--space-3);color:#4b525e;text-align:right;-webkit-user-select:none;user-select:none;display:inline-block}._line_17izh_148:hover{background:#ffffff0a}._hex_17izh_168{color:#e5c07b;align-items:center;gap:6px;display:inline-flex}._dot_17izh_175{border-radius:3px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #ffffff40}._page_1oawp_2{gap:var(--space-4);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._title_1oawp_10{font-size:28px}._subtitle_1oawp_14{margin-top:var(--space-1);color:var(--muted)}._grid_1oawp_19{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._card_1oawp_25{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-content:start;display:grid}._heading_1oawp_35{font-size:18px}._hint_1oawp_39{color:var(--muted);font-size:13px}._fields_1oawp_45{gap:var(--space-4);grid-template-columns:1.4fr 1fr 1fr;display:grid}._field_1oawp_45{gap:var(--space-2);align-content:start;display:grid}._label_1oawp_57{color:var(--muted);font-size:13px}._inputs_1oawp_62{gap:var(--space-3);display:flex}._text_1oawp_67{min-width:0;height:44px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-mono);flex:1}._invalid_1oawp_78{border-color:#c8372d}._error_1oawp_82{color:#c8372d;font-size:13px}._footer_1oawp_87{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._actions_1oawp_95{gap:var(--space-2);flex-wrap:wrap;display:flex}._toggle_1oawp_101{align-items:center;gap:var(--space-2);font-size:14px;display:inline-flex}._toggle_1oawp_101 input{width:18px;height:18px;accent-color:var(--accent)}._button_1oawp_114{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:40px;transition:border-color var(--ease);padding:0 14px;display:inline-flex}._button_1oawp_114:hover{border-color:var(--accent)}._buttonIcon_1oawp_130{width:16px;height:16px}._sliders_1oawp_136{gap:var(--space-2) var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}._slider_1oawp_136{gap:var(--space-1);display:grid}._sliderLabel_1oawp_147{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}._slider_1oawp_136 input{width:100%;height:28px;accent-color:var(--accent)}._strip_1oawp_161{gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-1);grid-template-columns:repeat(11,1fr);display:grid}._chip_1oawp_168{border-radius:var(--radius-md);height:64px;transition:transform var(--ease), box-shadow var(--ease);align-items:flex-end;padding:8px;font-size:11px;font-weight:500;display:flex;box-shadow:inset 0 0 0 1px #00000014}._chip_1oawp_168:hover{transform:translateY(-2px)}._chipSelected_1oawp_184{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--fg), 0 10px 18px -6px #00000059;font-weight:700;transform:translateY(-4px)}._chipSelected_1oawp_184:hover{transform:translateY(-4px)}._list_1oawp_195{display:grid}._row_1oawp_199{align-items:center;gap:var(--space-3);padding:10px var(--space-2);border-bottom:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:56px 1fr auto auto;display:grid}._row_1oawp_199:last-child{border-bottom:0}._rowSelected_1oawp_213{background:var(--soft)}._swatch_1oawp_217{border-radius:var(--radius-sm);height:40px;box-shadow:inset 0 0 0 1px #0000001a}._info_1oawp_223{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}._step_1oawp_230{min-width:34px;font-weight:600}._hex_1oawp_235{color:var(--muted);font-size:13px}._tags_1oawp_240{gap:var(--space-1);flex-wrap:wrap;display:flex}._tag_1oawp_240{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}._tagBase_1oawp_253{background:var(--accent);color:var(--accent-fg)}._tagTarget_1oawp_258{color:#0f5a32;background:#d9f2e3}._tagAdjusted_1oawp_263{background:color-mix(in srgb, #e8a33d 25%, var(--surface))}._ratios_1oawp_267{gap:var(--space-1);display:grid}._ratio_1oawp_267{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;display:flex}._ratioLabel_1oawp_280{width:36px;color:var(--muted)}._badge_1oawp_285{border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:600}._pass_1oawp_292{color:#0f5a32;background:#d9f2e3}._fail_1oawp_297{color:#8a1c1c;background:#fbdcdc}._copy_1oawp_302{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);place-items:center;display:grid}._copy_1oawp_302:hover{background:var(--bg);color:var(--accent)}._copy_1oawp_302 svg{width:16px;height:16px}._segments_1oawp_322{gap:var(--space-2);flex-wrap:wrap;display:flex}._segment_1oawp_322{border:1px solid var(--line);border-radius:var(--radius-full);padding:6px 14px}._segment_1oawp_322[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._result_1oawp_340{font-size:14px}._demo_1oawp_345{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);transition:background var(--ease);display:grid}._demoRow_1oawp_354{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._demoPrimary_1oawp_361,._demoOutline_1oawp_362{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:600}._demoOutline_1oawp_362{background:0 0;border:2px solid}._demoTag_1oawp_374{border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:600}._demoText_1oawp_381{font-size:15px;font-weight:500}@media (width<=899px){._grid_1oawp_19,._fields_1oawp_45{grid-template-columns:1fr}}@media (width<=699px){._page_1oawp_2,._card_1oawp_25{padding:var(--space-4)}._sliders_1oawp_136{grid-template-columns:1fr}._row_1oawp_199{grid-template-columns:44px 1fr auto}._ratios_1oawp_267{grid-area:2/2/auto/-1;grid-template-columns:1fr 1fr}._strip_1oawp_161{gap:var(--space-1)}._chip_1oawp_168{border-radius:var(--radius-sm);height:52px;padding:4px;font-size:10px}}