: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}}._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)}._wheel_6tvj6_2{aspect-ratio:1;cursor:grab;touch-action:none;border-radius:50%;width:min(100%,360px);margin:0 auto;position:relative}._wheel_6tvj6_2:active{cursor:grabbing}._canvas_6tvj6_16{filter:drop-shadow(0 12px 18px #00000040);width:100%;height:100%;position:absolute;inset:0}._svg_6tvj6_24{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._ring_6tvj6_33{fill:none;stroke:#ffffff40;stroke-width:.4px}._shape_6tvj6_39{fill:#ffffff24;stroke:#fffc;stroke-width:.5px;stroke-linejoin:round}._spoke_6tvj6_46{stroke:#ffffff8c;stroke-width:.4px}._dot_6tvj6_51,._baseDot_6tvj6_52{stroke:#fff;filter:drop-shadow(0 1px 2px #00000073)}._dot_6tvj6_51{stroke-width:1.4px}._baseDot_6tvj6_52{stroke-width:2px}._dropdown_k757i_2{position:relative}._trigger_k757i_6{align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 10px 0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;transition:border-color var(--ease);font-size:14px;display:flex}._trigger_k757i_6[data-size=lg]{border-radius:var(--radius-md);height:44px}._trigger_k757i_6:hover,._trigger_k757i_6[aria-expanded=true]{border-color:var(--accent)}._value_k757i_31{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._chevron_k757i_39{width:16px;height:16px;color:var(--muted);transition:transform var(--ease);flex:none}._trigger_k757i_6[aria-expanded=true] ._chevron_k757i_39{transform:rotate(180deg)}._dot_k757i_51{width:12px;height:12px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #00000014;border-radius:50%;flex:none}._list_k757i_60{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);max-height:260px;box-shadow:var(--shadow);gap:2px;margin:0;padding:6px;list-style:none;animation:.12s _pop_k757i_1;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@keyframes _pop_k757i_1{0%{opacity:0;transform:translateY(-4px)}}._option_k757i_87{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;padding:8px 10px;font-size:14px;display:flex}._active_k757i_97{background:var(--soft)}._selected_k757i_101{color:var(--accent);font-weight:600}._check_k757i_106{width:14px;height:14px;margin-left:auto}._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}._button_177kp_2{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);white-space:nowrap;min-height:36px;transition:border-color var(--ease), color var(--ease);align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_177kp_2:hover,._done_177kp_17{border-color:var(--accent);color:var(--accent)}._button_177kp_2 svg{width:14px;height:14px}._page_2pwlf_2{gap:var(--space-4);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._header_2pwlf_10{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}._title_2pwlf_18{font-size:28px}._subtitle_2pwlf_22{margin-top:var(--space-1);color:var(--muted)}._grid_2pwlf_27{gap:var(--space-4);grid-template-columns:1fr 1.2fr;display:grid}._card_2pwlf_33{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}._wheelCard_2pwlf_43{align-content:center}._head_2pwlf_10{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}._heading_2pwlf_55{font-size:18px}._hint_2pwlf_59{color:var(--muted);font-size:13px}._wheelCard_2pwlf_43 ._hint_2pwlf_59{text-align:center}._field_2pwlf_70{gap:var(--space-2);display:grid}._label_2pwlf_75{color:var(--muted);font-size:13px}._inputs_2pwlf_80{gap:var(--space-3);display:flex}._text_2pwlf_85{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_2pwlf_96{border-color:#c8372d}._error_2pwlf_100{color:#c8372d;font-size:13px}._segments_2pwlf_105{gap:var(--space-2);flex-wrap:wrap;display:flex}._segment_2pwlf_105{border:1px solid var(--line);border-radius:var(--radius-full);padding:6px 14px;font-size:14px}._segment_2pwlf_105[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._slider_2pwlf_124{gap:var(--space-1);display:grid}._sliderLabel_2pwlf_129{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}._slider_2pwlf_124 input{width:100%;height:28px;accent-color:var(--accent)}._toggle_2pwlf_142{align-items:center;gap:var(--space-2);font-size:14px;display:inline-flex}._toggle_2pwlf_142 input{width:18px;height:18px;accent-color:var(--accent);flex:none}._actions_2pwlf_156{gap:var(--space-2);display:flex}._button_2pwlf_161{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;transition:border-color var(--ease);align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_2pwlf_161:hover{border-color:var(--accent)}._buttonIcon_2pwlf_178{width:14px;height:14px}._palette_2pwlf_184{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}._color_2pwlf_190{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}._swatch_2pwlf_197{height:120px;padding:var(--space-3);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;align-items:flex-end;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000014}._hex_2pwlf_207{font-family:var(--font-mono);font-size:16px;font-weight:600}._lock_2pwlf_213{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px;color:inherit;opacity:.7;transition:background var(--ease), opacity var(--ease);place-items:center;display:grid;position:absolute}._lock_2pwlf_213:hover,._lock_2pwlf_213[aria-pressed=true]{opacity:1;background:#0000002e}._lock_2pwlf_213 svg{width:16px;height:16px}._meta_2pwlf_238{gap:var(--space-3);padding:var(--space-3);display:grid}._contrasts_2pwlf_244{gap:var(--space-1);display:grid}._contrast_2pwlf_244{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;display:flex}._contrastLabel_2pwlf_257{width:36px;color:var(--muted)}._badge_2pwlf_262{border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:600}._pass_2pwlf_269{color:#0f5a32;background:#d9f2e3}._fail_2pwlf_274{color:#8a1c1c;background:#fbdcdc}._links_2pwlf_279{gap:var(--space-2);flex-wrap:wrap;display:flex}._small_2pwlf_285{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:32px;transition:border-color var(--ease), color var(--ease);align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}._small_2pwlf_285:hover{border-color:var(--accent);color:var(--accent)}._small_2pwlf_285 svg{width:13px;height:13px}._modes_2pwlf_309{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);gap:2px;padding:4px;display:inline-flex}._mode_2pwlf_309{border-radius:var(--radius-full);color:var(--muted);transition:background var(--ease), color var(--ease);align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}._mode_2pwlf_309 svg{width:14px;height:14px}._mode_2pwlf_309[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #0003, 0 0 0 1px var(--line);color:var(--fg);font-weight:600}._mock_2pwlf_341{--mock-bg:#fff;--mock-fg:#161616;--mock-line:#e5e5e5;--mock-card:#fff;gap:var(--space-4);padding:var(--space-4);background:var(--mock-bg);color:var(--mock-fg);border:1px solid var(--line);border-radius:var(--radius-md);transition:background var(--ease), color var(--ease);display:grid}._mock_2pwlf_341[data-theme=dark]{--mock-bg:#0f1115;--mock-fg:#f1efec;--mock-line:#2a2e37;--mock-card:#171a21}._mockHero_2pwlf_364{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-md);display:grid}._mockTitle_2pwlf_371{font-size:22px}._mockText_2pwlf_375{opacity:.9;font-size:14px}._cta_2pwlf_380{margin-top:var(--space-2);border-radius:var(--radius-full);justify-self:start;padding:8px 18px;font-size:14px;font-weight:600}._mockCards_2pwlf_389{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}._miniCard_2pwlf_395{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--mock-card);border:1px solid var(--mock-line);border-radius:var(--radius-md);border-top:4px solid;align-content:start;font-size:14px;display:grid}._tag_2pwlf_407{border-radius:var(--radius-full);justify-self:start;padding:2px 10px;font-size:12px;font-weight:600}._bar_2pwlf_415{border-radius:var(--radius-md);height:44px;display:flex;overflow:hidden}._part_2pwlf_422{padding:0 var(--space-3);text-transform:capitalize;white-space:nowrap;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}._exportBlock_2pwlf_434{gap:var(--space-3);display:grid}@media (width<=899px){._grid_2pwlf_27{grid-template-columns:1fr}}@media (width<=699px){._page_2pwlf_2,._card_2pwlf_33{padding:var(--space-4)}._mockCards_2pwlf_389{grid-template-columns:1fr}._part_2pwlf_422{padding:0 var(--space-2);font-size:11px}}._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}}._page_1s5nb_2{gap:var(--space-4);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._title_1s5nb_10{font-size:28px}._subtitle_1s5nb_14{margin-top:var(--space-1);color:var(--muted)}._header_1s5nb_19{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}._grid_1s5nb_27{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._card_1s5nb_33{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_1s5nb_43{font-size:18px}._preview_1s5nb_48{height:180px;padding:var(--space-4);border-radius:var(--radius-md);transition:background var(--ease);align-items:flex-end;display:flex}._previewHex_1s5nb_57{font-family:var(--font-mono);font-size:26px;font-weight:600}._inputs_1s5nb_64{gap:var(--space-3);display:flex}._text_1s5nb_69{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_1s5nb_80{border-color:#c8372d}._error_1s5nb_84{color:#c8372d;font-size:13px}._actions_1s5nb_89{gap:var(--space-2);display:flex}._button_1s5nb_94{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_1s5nb_94:hover{border-color:var(--accent)}._solid_1s5nb_112{background:var(--accent);color:var(--accent-fg);border-color:#0000}._buttonIcon_1s5nb_118{width:14px;height:14px}._slider_1s5nb_124{gap:var(--space-1);display:grid}._sliderLabel_1s5nb_129{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}._slider_1s5nb_124 input{width:100%;height:28px;accent-color:var(--accent)}._warning_1s5nb_142{padding:10px var(--space-3);background:color-mix(in srgb, #e8a33d 18%, var(--surface));border-radius:var(--radius-md);font-size:13px}._hint_1s5nb_149{color:var(--muted);font-size:13px}._formats_1s5nb_155{display:grid}._format_1s5nb_155{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_1s5nb_155:last-child,._contrast_1s5nb_169:last-child{border-bottom:0}._formatLabel_1s5nb_173{color:var(--muted);font-size:13px}._formatValue_1s5nb_178{overflow-wrap:anywhere;font-size:14px}._copy_1s5nb_183{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);place-items:center;display:grid}._copy_1s5nb_183:hover{background:var(--soft);color:var(--accent)}._copy_1s5nb_183 svg{width:16px;height:16px}._contrast_1s5nb_169{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_1s5nb_212{border-radius:var(--radius-sm);place-items:center;height:32px;font-weight:600;display:grid}._ratio_1s5nb_220{font-size:14px}._badge_1s5nb_224{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:600}._pass_1s5nb_231{color:#0f5a32;background:#d9f2e3}._fail_1s5nb_236{color:#8a1c1c;background:#fbdcdc}@media (width<=899px){._grid_1s5nb_27{grid-template-columns:1fr}}@media (width<=699px){._page_1s5nb_2,._card_1s5nb_33{padding:var(--space-4)}}@media (width<=479px){._actions_1s5nb_89{flex-wrap:wrap}}._page_6d58i_2{gap:var(--space-4);max-width:var(--content-width);padding:var(--space-5);margin:0 auto;display:grid}._title_6d58i_10{font-size:28px}._subtitle_6d58i_14{margin-top:var(--space-1);color:var(--muted)}._header_6d58i_19{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}._grid_6d58i_27{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._card_6d58i_33{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_6d58i_43{font-size:18px}._hint_6d58i_47{color:var(--muted);font-size:13px}._fields_6d58i_53{gap:var(--space-4);grid-template-columns:1.4fr 1fr 1fr;display:grid}._field_6d58i_53{gap:var(--space-2);align-content:start;display:grid}._label_6d58i_65{color:var(--muted);font-size:13px}._inputs_6d58i_70{gap:var(--space-3);display:flex}._text_6d58i_75{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_6d58i_86{border-color:#c8372d}._error_6d58i_90{color:#c8372d;font-size:13px}._footer_6d58i_95{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._actions_6d58i_103{gap:var(--space-2);flex-wrap:wrap;display:flex}._toggle_6d58i_109{align-items:center;gap:var(--space-2);font-size:14px;display:inline-flex}._toggle_6d58i_109 input{width:18px;height:18px;accent-color:var(--accent)}._button_6d58i_122{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_6d58i_122:hover{border-color:var(--accent)}._buttonIcon_6d58i_138{width:16px;height:16px}._sliders_6d58i_144{gap:var(--space-2) var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}._slider_6d58i_144{gap:var(--space-1);display:grid}._sliderLabel_6d58i_155{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}._slider_6d58i_144 input{width:100%;height:28px;accent-color:var(--accent)}._strip_6d58i_169{gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-1);grid-template-columns:repeat(11,1fr);display:grid}._chip_6d58i_176{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_6d58i_176:hover{transform:translateY(-2px)}._chipSelected_6d58i_192{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_6d58i_192:hover{transform:translateY(-4px)}._list_6d58i_203{display:grid}._row_6d58i_207{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_6d58i_207:last-child{border-bottom:0}._rowSelected_6d58i_221{background:var(--soft)}._swatch_6d58i_225{border-radius:var(--radius-sm);height:40px;box-shadow:inset 0 0 0 1px #0000001a}._info_6d58i_231{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}._step_6d58i_238{min-width:34px;font-weight:600}._hex_6d58i_243{color:var(--muted);font-size:13px}._tags_6d58i_248{gap:var(--space-1);flex-wrap:wrap;display:flex}._tag_6d58i_248{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}._tagBase_6d58i_261{background:var(--accent);color:var(--accent-fg)}._tagTarget_6d58i_266{color:#0f5a32;background:#d9f2e3}._tagAdjusted_6d58i_271{background:color-mix(in srgb, #e8a33d 25%, var(--surface))}._ratios_6d58i_275{gap:var(--space-1);display:grid}._ratio_6d58i_275{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;display:flex}._ratioLabel_6d58i_288{width:36px;color:var(--muted)}._badge_6d58i_293{border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:600}._pass_6d58i_300{color:#0f5a32;background:#d9f2e3}._fail_6d58i_305{color:#8a1c1c;background:#fbdcdc}._copy_6d58i_310{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);place-items:center;display:grid}._copy_6d58i_310:hover{background:var(--bg);color:var(--accent)}._copy_6d58i_310 svg{width:16px;height:16px}._segments_6d58i_330{gap:var(--space-2);flex-wrap:wrap;display:flex}._segment_6d58i_330{border:1px solid var(--line);border-radius:var(--radius-full);padding:6px 14px}._segment_6d58i_330[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._result_6d58i_348{font-size:14px}._demo_6d58i_353{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_6d58i_362{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._demoPrimary_6d58i_369,._demoOutline_6d58i_370{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:600}._demoOutline_6d58i_370{background:0 0;border:2px solid}._demoTag_6d58i_382{border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:600}._demoText_6d58i_389{font-size:15px;font-weight:500}@media (width<=899px){._grid_6d58i_27,._fields_6d58i_53{grid-template-columns:1fr}}@media (width<=699px){._page_6d58i_2,._card_6d58i_33{padding:var(--space-4)}._sliders_6d58i_144{grid-template-columns:1fr}._row_6d58i_207{grid-template-columns:44px 1fr auto}._ratios_6d58i_275{grid-area:2/2/auto/-1;grid-template-columns:1fr 1fr}._strip_6d58i_169{gap:var(--space-1)}._chip_6d58i_176{border-radius:var(--radius-sm);height:52px;padding:4px;font-size:10px}}