.app{grid-template-columns:auto 1fr;height:100dvh;display:grid}.appDrawer{grid-template-columns:1fr}.appBody{flex-direction:column;min-width:0;min-height:0;display:flex}.appContent{flex:1;min-height:0;overflow-y:auto}: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}}@media (width<=699px){.app{grid-template-columns:1fr}}._sidebar_1mpz5_2{--edge:var(--space-3);gap:var(--space-5);width:var(--sidebar-width);padding:var(--space-4) var(--edge);background:var(--surface);border-right:1px solid var(--line);scrollbar-width:thin;z-index:30;flex-direction:column;display:flex;overflow-y:auto}._scrim_1mpz5_17{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000073;transition:opacity .24s;position:fixed;inset:0}._show_1mpz5_28{opacity:1;pointer-events:auto}._brand_1mpz5_34{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) 0;display:flex}._logo_1mpz5_41{object-fit:contain;flex:none;width:34px;height:34px}._identity_1mpz5_48{min-width:0;display:grid}._name_1mpz5_53{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:600;line-height:1.1}._tagline_1mpz5_61{color:var(--muted);font-size:12px}._close_1mpz5_66{display:none}._nav_1mpz5_71{gap:var(--space-4);align-content:start;display:grid}._group_1mpz5_77{gap:2px;display:grid}._groupLabel_1mpz5_82{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:0 10px 6px;font-size:11px;font-weight:600}._link_1mpz5_91{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;position:relative}._link_1mpz5_91:hover{background:var(--bg);color:var(--fg)}._link_1mpz5_91:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}._active_1mpz5_112,._active_1mpz5_112:hover{background:var(--soft);color:var(--accent);font-weight:600}._active_1mpz5_112:before{content:"";top:9px;bottom:9px;left:calc(var(--edge) * -1);background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute}._icon_1mpz5_130{flex:none;width:20px;height:20px}._text_1mpz5_136{min-width:0;display:grid}._label_1mpz5_141{font-size:14.5px}._description_1mpz5_145{color:var(--muted);font-size:12.5px;font-weight:400;line-height:1.4}._note_1mpz5_153{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--bg);border-radius:var(--radius-md);color:var(--muted);margin-top:auto;font-size:12.5px;line-height:1.5;display:flex}._noteIcon_1mpz5_166{width:16px;height:16px;color:var(--accent);flex:none;margin-top:1px}._rail_1mpz5_175{--edge:10px;width:var(--sidebar-rail)}._rail_1mpz5_175 ._identity_1mpz5_48,._rail_1mpz5_175 ._text_1mpz5_136,._rail_1mpz5_175 ._note_1mpz5_153,._rail_1mpz5_175 ._groupLabel_1mpz5_82{display:none}._rail_1mpz5_175 ._brand_1mpz5_34{justify-content:center;padding-inline:0}._rail_1mpz5_175 ._link_1mpz5_91{justify-content:center}._rail_1mpz5_175 ._group_1mpz5_77{padding-top:var(--space-3);border-top:1px solid var(--line)}._drawer_1mpz5_203{--edge:var(--space-4);z-index:40;width:min(86vw,320px);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:0 var(--radius-lg) var(--radius-lg) 0;visibility:hidden;border-right:0;transition:transform .24s,visibility 0s linear .24s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}._open_1mpz5_219{visibility:visible;box-shadow:var(--shadow);transition:transform .24s;transform:none}._drawer_1mpz5_203 ._close_1mpz5_66{border:1px solid var(--line);border-radius:var(--radius-md);width:40px;height:40px;color:var(--muted);place-items:center;margin-left:auto;display:grid}._drawer_1mpz5_203 ._close_1mpz5_66 svg{width:18px;height:18px}._drawer_1mpz5_203 ._link_1mpz5_91{gap:var(--space-4);min-height:52px;padding:8px 12px}._drawer_1mpz5_203 ._icon_1mpz5_130{border-radius:var(--radius-md);background:var(--bg);width:36px;height:36px;transition:background var(--ease), color var(--ease);padding:8px}._drawer_1mpz5_203 ._active_1mpz5_112 ._icon_1mpz5_130{background:var(--accent);color:var(--accent-fg)}._drawer_1mpz5_203 ._label_1mpz5_141{font-size:15.5px}._titlebar_rtlcf_2{align-items:center;gap:var(--space-3);min-height:56px;padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-4) var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);flex:none;display:flex}._menu_rtlcf_13{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:40px;height:40px;transition:border-color var(--ease);flex:none;place-items:center;display:grid}._menu_rtlcf_13:hover{border-color:var(--accent)}._menu_rtlcf_13 svg{width:20px;height:20px}._title_rtlcf_2{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:19px;font-weight:600;overflow:hidden}._logo_rtlcf_46{object-fit:contain;flex:none;width:30px;height:30px}._slider_initf_2{gap:var(--space-1);display:grid}._head_initf_7{justify-content:space-between;gap:var(--space-3);color:var(--muted);font-size:13px;display:flex}._value_initf_15{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}._input_initf_21{cursor:pointer;appearance:none;background:0 0;width:100%;height:28px}._input_initf_21:focus-visible{outline:none}._input_initf_21:disabled{cursor:not-allowed;opacity:.45}._input_initf_21::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:var(--track,linear-gradient(to right, var(--accent) var(--progress), var(--line) var(--progress)));height:6px}._input_initf_21::-moz-range-track{border-radius:var(--radius-full);background:var(--track,linear-gradient(to right, var(--accent) var(--progress), var(--line) var(--progress)));height:6px}._input_initf_21::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;border:2px solid var(--accent);background:var(--surface);width:20px;height:20px;transition:transform var(--ease), box-shadow var(--ease);border-radius:50%;margin-top:-7px;box-shadow:0 1px 4px #0000004d}._input_initf_21::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--accent);background:var(--surface);width:20px;height:20px;transition:transform var(--ease), box-shadow var(--ease);border-radius:50%;box-shadow:0 1px 4px #0000004d}._input_initf_21[data-gradient]::-webkit-slider-thumb{background:0 0;border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}._input_initf_21[data-gradient]::-moz-range-thumb{background:0 0;border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000059}._input_initf_21:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.12)}._input_initf_21:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.12)}._input_initf_21:not(:disabled):hover::-moz-range-thumb{transform:scale(1.12)}._input_initf_21:not(:disabled):active::-moz-range-thumb{transform:scale(1.12)}._input_initf_21:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}._input_initf_21:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}._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}._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}._panel_10mo3_2{gap:var(--space-4);min-width:0;padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;container-type:inline-size}._head_10mo3_13{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._heading_10mo3_21{font-size:18px}._actions_10mo3_25{gap:var(--space-2);display:flex}._button_10mo3_30,._tab_10mo3_31{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_10mo3_30:focus-visible,._tab_10mo3_31:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._button_10mo3_30{justify-content:center;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_10mo3_30:active{border-color:var(--accent)}._button_10mo3_30 svg{width:16px;height:16px}._solid_10mo3_64{background:var(--accent);color:var(--accent-fg);border-color:#0000}._tabs_10mo3_71{background:var(--bg);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-self:start;gap:2px;max-width:100%;padding:4px;display:inline-flex}._tab_10mo3_31{border-radius:var(--radius-full);color:var(--muted);transition:background var(--ease), color var(--ease);padding:6px 16px;font-size:14px}._tab_10mo3_31[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_10mo3_99{border-radius:var(--radius-md);background:#14161c;border:1px solid #262a35;min-width:0;overflow:hidden}._bar_10mo3_107{justify-content:space-between;gap:var(--space-1) var(--space-3);padding:10px var(--space-4);color:#8b93a1;font-family:var(--font-mono);background:#1a1d25;border-bottom:1px solid #262a35;flex-wrap:wrap;font-size:12px;display:flex}._bar_10mo3_107 span:first-child{overflow-wrap:anywhere;min-width:0}._code_10mo3_126{max-height:340px;padding:var(--space-3) 0;overscroll-behavior-x:contain;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_10mo3_126:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}._code_10mo3_126::-webkit-scrollbar{width:10px;height:10px}._code_10mo3_126::-webkit-scrollbar-track{background:0 0}._code_10mo3_126::-webkit-scrollbar-corner{background:0 0}._code_10mo3_126::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff38 padding-box padding-box;border:2px solid #0000}._code_10mo3_126::-webkit-scrollbar-thumb:hover{background:#fff6 padding-box padding-box}._code_10mo3_126 code{min-width:max-content;display:block}._line_10mo3_173{padding-right:var(--space-4);counter-increment:line;display:block}._line_10mo3_173: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}._hex_10mo3_189{color:#e5c07b;align-items:center;gap:6px;display:inline-flex}._dot_10mo3_196{border-radius:3px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #ffffff40}@media (hover:hover){._button_10mo3_30:hover{border-color:var(--accent)}._tab_10mo3_31:hover{color:var(--fg)}._line_10mo3_173:hover{background:#ffffff0a}}@media (pointer:coarse){._button_10mo3_30,._tab_10mo3_31{min-height:44px}}@media (prefers-reduced-motion:reduce){._button_10mo3_30,._tab_10mo3_31{transition:none}}@container (width<=479px){._actions_10mo3_25{flex:100%}._actions_10mo3_25>._button_10mo3_30{flex:1}._tabs_10mo3_71{justify-self:stretch;display:flex}._tab_10mo3_31{text-align:center;border-radius:16px;flex:96px}._code_10mo3_126{font-size:12px;line-height:1.7}._line_10mo3_173{padding-right:var(--space-3)}._line_10mo3_173:before{width:2em;margin-right:var(--space-2)}}@media (width<=699px){._panel_10mo3_2{padding:var(--space-4)}}._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}._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_v5oxx_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_v5oxx_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_v5oxx_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_v5oxx_25{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._grid_v5oxx_33{gap:var(--space-5);grid-template-columns:1fr 1.2fr;display:grid}._card_v5oxx_39{gap:var(--space-5);min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._head_v5oxx_11{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}._heading_v5oxx_58{letter-spacing:-.01em;font-size:20px}._hint_v5oxx_63{color:var(--muted);font-size:13px;line-height:1.6}._button_v5oxx_69,._segment_v5oxx_70,._mode_v5oxx_71,._small_v5oxx_72,._lock_v5oxx_73{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_v5oxx_69:focus-visible,._segment_v5oxx_70:focus-visible,._mode_v5oxx_71:focus-visible,._small_v5oxx_72:focus-visible,._lock_v5oxx_73:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._wheelCard_v5oxx_88{justify-content:center}._wheelCard_v5oxx_88 ._hint_v5oxx_63{text-align:center}._field_v5oxx_97{gap:var(--space-2);display:grid}._label_v5oxx_102{color:var(--muted);font-size:13px;font-weight:500}._inputs_v5oxx_108{gap:var(--space-3);display:flex}._text_v5oxx_113{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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_v5oxx_113:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_v5oxx_132,._invalid_v5oxx_132:focus-visible{border-color:#c8372d}._error_v5oxx_137{margin-top:calc(var(--space-3) * -1);color:#c8372d;font-size:13px}._segments_v5oxx_143{gap:var(--space-2);flex-wrap:wrap;display:flex}._segment_v5oxx_70{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:7px 14px;font-size:14px}._segment_v5oxx_70:active{border-color:var(--accent)}._segment_v5oxx_70[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._toggle_v5oxx_167{align-self:flex-start;align-items:center;gap:var(--space-2);font-size:14px;display:inline-flex}._toggle_v5oxx_167 input{width:18px;height:18px;accent-color:var(--accent);flex:none}._actions_v5oxx_182{gap:var(--space-2);margin-top:auto;display:flex}._button_v5oxx_69{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:38px;transition:border-color var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}._button_v5oxx_69:active{border-color:var(--accent)}._buttonIcon_v5oxx_206{width:14px;height:14px}._palette_v5oxx_212{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}._color_v5oxx_218{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;display:grid}._swatch_v5oxx_226{height:140px;padding:var(--space-4);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_v5oxx_236{font-family:var(--font-mono);font-size:17px;font-weight:600}._lock_v5oxx_73{top:var(--space-3);right:var(--space-3);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_v5oxx_73:active,._lock_v5oxx_73[aria-pressed=true]{opacity:1;background:#0000002e}._lock_v5oxx_73 svg{width:16px;height:16px}._meta_v5oxx_267{gap:var(--space-4);padding:var(--space-4);display:grid}._contrasts_v5oxx_273{gap:var(--space-1);display:grid}._contrast_v5oxx_273{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;display:flex}._contrastLabel_v5oxx_286{width:36px;color:var(--muted)}._badge_v5oxx_291{border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:600}._pass_v5oxx_298{color:#0f5a32;background:#d9f2e3}._fail_v5oxx_303{color:#8a1c1c;background:#fbdcdc}._links_v5oxx_308{gap:var(--space-2);flex-wrap:wrap;display:flex}._small_v5oxx_72{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_v5oxx_72:active{border-color:var(--accent);color:var(--accent)}._small_v5oxx_72 svg{width:13px;height:13px}._modes_v5oxx_338{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);gap:2px;padding:4px;display:inline-flex}._mode_v5oxx_71{border-radius:var(--radius-full);color:var(--muted);transition:background var(--ease), color var(--ease);justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}._mode_v5oxx_71 svg{width:14px;height:14px}._mode_v5oxx_71[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_v5oxx_371{--mock-bg:#fff;--mock-fg:#161616;--mock-line:#e5e5e5;--mock-card:#fff;gap:var(--space-4);padding:var(--space-5);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_v5oxx_371[data-theme=dark]{--mock-bg:#0f1115;--mock-fg:#f1efec;--mock-line:#2a2e37;--mock-card:#171a21}._mockHero_v5oxx_394{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-md);display:grid}._mockTitle_v5oxx_401{font-size:24px}._mockText_v5oxx_405{opacity:.9;font-size:14px}._cta_v5oxx_410{margin-top:var(--space-2);border-radius:var(--radius-full);justify-self:start;padding:8px 18px;font-size:14px;font-weight:600}._mockCards_v5oxx_419{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}._miniCard_v5oxx_425{gap:var(--space-2);padding:var(--space-4) var(--space-5);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_v5oxx_437{border-radius:var(--radius-full);justify-self:start;padding:2px 10px;font-size:12px;font-weight:600}._bar_v5oxx_445{border-radius:var(--radius-md);height:48px;display:flex;overflow:hidden}._part_v5oxx_452{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_v5oxx_464{gap:var(--space-4);display:grid}._exportBlock_v5oxx_464 ._toggle_v5oxx_167{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-self:stretch}@media (hover:hover){._segment_v5oxx_70:hover,._button_v5oxx_69:hover{border-color:var(--accent)}._lock_v5oxx_73:hover{opacity:1;background:#0000002e}._small_v5oxx_72:hover{border-color:var(--accent);color:var(--accent)}}@media (pointer:coarse){._segment_v5oxx_70,._button_v5oxx_69,._small_v5oxx_72{min-height:44px}._mode_v5oxx_71{min-height:40px}._lock_v5oxx_73{top:var(--space-2);right:var(--space-2);width:44px;height:44px}._toggle_v5oxx_167{min-height:44px}._toggle_v5oxx_167 input{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){._text_v5oxx_113,._segment_v5oxx_70,._button_v5oxx_69,._lock_v5oxx_73,._small_v5oxx_72,._mode_v5oxx_71,._mock_v5oxx_371{transition:none}}@container (width<=719px){._grid_v5oxx_33{grid-template-columns:1fr}._mockHero_v5oxx_394{padding:var(--space-5)}}@container (width<=559px){._card_v5oxx_39{padding:var(--space-4);gap:var(--space-4)}._actions_v5oxx_182>._button_v5oxx_69{flex:1}._modes_v5oxx_338{width:100%;display:flex}._mode_v5oxx_71{flex:1}._mock_v5oxx_371,._mockHero_v5oxx_394{padding:var(--space-4)}._mockTitle_v5oxx_401{font-size:20px}._mockCards_v5oxx_419{grid-template-columns:1fr}._miniCard_v5oxx_425{padding:var(--space-4)}._part_v5oxx_452{padding:0 var(--space-2);font-size:11px}._exportBlock_v5oxx_464 ._toggle_v5oxx_167{padding:var(--space-4)}}@container (width<=439px){._swatch_v5oxx_226{height:96px;padding:var(--space-3) var(--space-4)}._part_v5oxx_452{padding:0 6px;font-size:10px}}@media (width<=699px){._page_v5oxx_2{gap:var(--space-4);padding:var(--space-4)}}._overview_1t8tx_2{gap:var(--space-7);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._description_1t8tx_11{color:var(--muted);font-size:14px;line-height:1.6}._primary_1t8tx_17,._secondary_1t8tx_18,._tool_1t8tx_19,._link_1t8tx_20{-webkit-tap-highlight-color:transparent}._primary_1t8tx_17:focus-visible,._secondary_1t8tx_18:focus-visible,._tool_1t8tx_19:focus-visible,._link_1t8tx_20:focus-visible{outline:2px solid var(--accent);outline-offset:3px}._hero_1t8tx_33{padding:var(--space-7) var(--space-6);background:linear-gradient(135deg, var(--soft), var(--surface) 70%);border:1px solid var(--line);border-radius:calc(var(--radius-lg) + 4px);position:relative;overflow:hidden}._hero_1t8tx_33:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:-100px}._hero_1t8tx_33>*{position:relative}._title_1t8tx_58{letter-spacing:-.02em;text-wrap:balance;max-width:14em;font-size:clamp(28px,5.5vw,52px);line-height:1.08}._text_1t8tx_66{max-width:36em;margin:var(--space-4) 0 var(--space-6);color:var(--muted);text-wrap:pretty;font-size:17px;line-height:1.6}._actions_1t8tx_75{gap:var(--space-3);flex-wrap:wrap;display:flex}._primary_1t8tx_17,._secondary_1t8tx_18{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);font-weight:500;display:inline-flex}._primary_1t8tx_17{background:var(--accent);color:var(--accent-fg);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent)}._primary_1t8tx_17:after{content:"→";transition:transform var(--ease)}._primary_1t8tx_17:active{transform:scale(.98)}._secondary_1t8tx_18{background:var(--surface);border:1px solid var(--line)}._secondary_1t8tx_18:active{border-color:var(--accent)}._strip_1t8tx_118{height:64px;margin-top:var(--space-7);gap:6px;display:flex}._strip_1t8tx_118 span{border-radius:var(--radius-md);transition:transform var(--ease);flex:1;box-shadow:inset 0 0 0 1px #00000014}._tools_1t8tx_133,._about_1t8tx_134{gap:var(--space-4);display:grid}._tools_1t8tx_133:before,._about_1t8tx_134:before{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:13px;font-weight:600}._tools_1t8tx_133:before{content:"Tools"}._about_1t8tx_134:before{content:"About"}._tools_1t8tx_133{grid-template-columns:repeat(3,1fr)}._tool_1t8tx_19{gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color var(--ease), transform var(--ease), box-shadow var(--ease);align-content:start;display:grid;position:relative}._tool_1t8tx_19:after{content:"→";top:var(--space-5);right:var(--space-5);color:var(--muted);transition:transform var(--ease), color var(--ease);font-size:18px;line-height:1;position:absolute}._tool_1t8tx_19:active{border-color:var(--accent)}._tool_1t8tx_19:last-child:nth-child(3n+1){grid-column:1/-1}._tool_1t8tx_19:last-child:nth-child(3n+2){grid-column:span 2}._top_1t8tx_196{justify-items:start;gap:var(--space-4);margin-bottom:var(--space-1);display:grid}._icon_1t8tx_203{background:var(--soft);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);flex-shrink:0;padding:11px}._name_1t8tx_213{font-size:17px}._about_1t8tx_134{grid-template-columns:repeat(2,1fr)}._card_1t8tx_222{gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._heading_1t8tx_232{font-size:20px}._person_1t8tx_236{font-weight:600}._person_1t8tx_236 span{color:var(--muted);font-weight:400}._stack_1t8tx_245{gap:var(--space-2);flex-wrap:wrap;display:flex}._tag_1t8tx_251{background:var(--soft);border-radius:var(--radius-full);color:var(--accent);padding:4px 12px;font-size:13px;font-weight:500}._links_1t8tx_260{gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}._link_1t8tx_20{border:1px solid var(--line);border-radius:var(--radius-full);color:var(--accent);transition:background var(--ease), border-color var(--ease);align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}._link_1t8tx_20:active{background:var(--soft);border-color:var(--accent)}._linkIcon_1t8tx_286{width:14px;height:14px}@media (hover:hover){._primary_1t8tx_17:hover{transform:translateY(-1px)}._primary_1t8tx_17:hover:after{transform:translate(3px)}._secondary_1t8tx_18:hover{border-color:var(--accent)}._strip_1t8tx_118 span:hover{transform:translateY(-6px)}._tool_1t8tx_19:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}._tool_1t8tx_19:hover:after{color:var(--accent);transform:translate(4px)}._link_1t8tx_20:hover{background:var(--soft);border-color:var(--accent)}}@media (pointer:coarse){._link_1t8tx_20{min-height:44px}}@media (prefers-reduced-motion:reduce){._primary_1t8tx_17,._primary_1t8tx_17:after,._secondary_1t8tx_18,._strip_1t8tx_118 span,._tool_1t8tx_19,._tool_1t8tx_19:after,._link_1t8tx_20{transition:none}}@container (width<=719px){._hero_1t8tx_33{padding:var(--space-6) var(--space-5)}._tools_1t8tx_133{grid-template-columns:repeat(2,1fr)}._tool_1t8tx_19:last-child:nth-child(3n+1),._tool_1t8tx_19:last-child:nth-child(3n+2){grid-column:auto}._tool_1t8tx_19:last-child:nth-child(odd){grid-column:1/-1}._about_1t8tx_134{grid-template-columns:1fr}}@container (width<=559px){._text_1t8tx_66{margin:var(--space-3) 0 var(--space-5);font-size:16px}._actions_1t8tx_75{flex-direction:column}._primary_1t8tx_17,._secondary_1t8tx_18{width:100%}._strip_1t8tx_118{height:48px;margin-top:var(--space-6);gap:4px}._strip_1t8tx_118 span{border-radius:6px}._card_1t8tx_222{padding:var(--space-5)}}@container (width<=439px){._hero_1t8tx_33{padding:var(--space-5) var(--space-4)}._tools_1t8tx_133{grid-template-columns:1fr}._tool_1t8tx_19{padding:var(--space-4)}._tool_1t8tx_19:after{top:calc(var(--space-4) + 13px);right:var(--space-4)}._top_1t8tx_196{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr;margin-bottom:0}._name_1t8tx_213{padding-right:var(--space-6)}}@media (width<=699px){._overview_1t8tx_2{gap:var(--space-6);padding:var(--space-5) var(--space-4) var(--space-6)}}._page_d1en2_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_d1en2_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_d1en2_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_d1en2_25{max-width:34em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._grid_d1en2_33{gap:var(--space-5);grid-template-columns:1.1fr 1fr;display:grid}._card_d1en2_39{gap:var(--space-5);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._heading_d1en2_49{letter-spacing:-.01em;font-size:20px}._button_d1en2_54,._copy_d1en2_55{-webkit-tap-highlight-color:transparent}._button_d1en2_54:focus-visible,._copy_d1en2_55:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._preview_d1en2_66{min-height:200px;padding:var(--space-5);border-radius:var(--radius-md);transition:background var(--ease);flex:1;align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}._preview_d1en2_66:before{content:"Base color";top:var(--space-4);left:var(--space-5);z-index:1;opacity:.75;font-size:13px;font-weight:500;position:absolute}._preview_d1en2_66:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff2e,#0000 55%);position:absolute;inset:0}._previewHex_d1en2_98{z-index:1;font-family:var(--font-mono);letter-spacing:-.01em;font-size:32px;font-weight:600;position:relative}._inputs_d1en2_108{gap:var(--space-3);display:flex}._text_d1en2_113{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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_d1en2_113:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_d1en2_132,._invalid_d1en2_132:focus-visible{border-color:#c8372d}._error_d1en2_137{margin-top:calc(var(--space-3) * -1);color:#c8372d;font-size:13px}._actions_d1en2_143{gap:var(--space-2);display:flex}._button_d1en2_54{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);white-space:nowrap;min-height:36px;transition:border-color var(--ease), background var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}._button_d1en2_54:active{border-color:var(--accent)}._solid_d1en2_167{background:var(--accent);color:var(--accent-fg);border-color:#0000;margin-left:auto}._solid_d1en2_167:active{background:color-mix(in srgb, var(--accent) 88%, black)}._buttonIcon_d1en2_178{width:14px;height:14px}._warning_d1en2_184{padding:10px var(--space-3);background:color-mix(in srgb, #e8a33d 18%, var(--surface));border-radius:var(--radius-sm);border-left:3px solid #e8a33d;font-size:13px}._hint_d1en2_192{padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);margin-top:auto;font-size:13px;line-height:1.6}._formats_d1en2_202{gap:var(--space-2);flex:1;grid-auto-rows:1fr;display:grid}._format_d1en2_202{align-items:center;gap:var(--space-3);padding:10px 10px 10px var(--space-4);background:var(--bg);border-radius:var(--radius-md);grid-template-columns:72px 1fr auto;display:grid}._formatLabel_d1en2_219{color:var(--muted);font-size:12px}._format_d1en2_202 ._formatLabel_d1en2_219{letter-spacing:.08em;text-transform:uppercase;font-weight:600}._formatValue_d1en2_230{overflow-wrap:anywhere;font-size:14px}._copy_d1en2_55{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);transition:background var(--ease), color var(--ease);place-items:center;display:grid}._copy_d1en2_55:active{background:var(--soft);color:var(--accent)}._copy_d1en2_55 svg{width:16px;height:16px}._contrast_d1en2_256{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);background:var(--bg);border-radius:var(--radius-md);grid-template-columns:64px 1fr auto auto;display:grid}._contrast_d1en2_256 ._formatLabel_d1en2_219{color:var(--fg);font-size:15px;font-weight:500}._sample_d1en2_272{border-radius:var(--radius-sm);place-items:center;height:56px;font-size:22px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #0000001a}._ratio_d1en2_282{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}._badge_d1en2_288{border-radius:var(--radius-full);text-align:center;min-width:72px;padding:4px 10px;font-size:12px;font-weight:600}._pass_d1en2_297{color:#0f5a32;background:#d9f2e3}._fail_d1en2_302{color:#8a1c1c;background:#fbdcdc}@media (hover:hover){._button_d1en2_54:hover{border-color:var(--accent)}._solid_d1en2_167:hover{background:color-mix(in srgb, var(--accent) 88%, black)}._copy_d1en2_55:hover{background:var(--soft);color:var(--accent)}}@media (pointer:coarse){._button_d1en2_54{min-height:44px}._copy_d1en2_55{width:44px;height:44px}._format_d1en2_202{padding-block:6px}}@media (prefers-reduced-motion:reduce){._preview_d1en2_66,._text_d1en2_113,._button_d1en2_54,._copy_d1en2_55{transition:none}}@container (width<=719px){._grid_d1en2_33{grid-template-columns:1fr}}@container (width<=559px){._card_d1en2_39{padding:var(--space-4)}._preview_d1en2_66{min-height:160px;padding:var(--space-4)}._preview_d1en2_66:before{top:var(--space-3);left:var(--space-4)}._previewHex_d1en2_98{font-size:26px}._actions_d1en2_143{flex-wrap:wrap}._button_d1en2_54{flex:auto}._solid_d1en2_167{flex-basis:100%;margin-left:0}}@container (width<=439px){._format_d1en2_202{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto}._format_d1en2_202 ._formatLabel_d1en2_219,._formatValue_d1en2_230{grid-column:1}._copy_d1en2_55{grid-area:1/2/span 2}._contrast_d1en2_256{gap:var(--space-1) var(--space-3);padding:var(--space-3);grid-template-columns:56px 1fr auto}._sample_d1en2_272{grid-area:1/1/span 2;height:48px;font-size:20px}._contrast_d1en2_256 ._formatLabel_d1en2_219{grid-area:1/2;align-self:end;font-size:14px}._ratio_d1en2_282{grid-area:2/2;align-self:start;font-size:14px}._badge_d1en2_288{grid-area:1/3/span 2;min-width:60px}}@media (width<=699px){._page_d1en2_2{gap:var(--space-4);padding:var(--space-4)}}._page_whd8a_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_whd8a_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_whd8a_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_whd8a_25{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._grid_whd8a_33{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}._card_whd8a_39{gap:var(--space-5);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._heading_whd8a_49{letter-spacing:-.01em;font-size:20px}._hint_whd8a_54{color:var(--muted);margin-top:auto;font-size:13px;line-height:1.6}._button_whd8a_61,._chip_whd8a_62,._swatch_whd8a_63,._copy_whd8a_64,._segment_whd8a_65{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_whd8a_61:focus-visible,._chip_whd8a_62:focus-visible,._swatch_whd8a_63:focus-visible,._copy_whd8a_64:focus-visible,._segment_whd8a_65:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._fields_whd8a_80{gap:var(--space-5);grid-template-columns:1.4fr 1fr 1fr;display:grid}._field_whd8a_80{gap:var(--space-2);align-content:start;display:grid}._label_whd8a_92{color:var(--muted);font-size:13px;font-weight:500}._inputs_whd8a_98{gap:var(--space-3);display:flex}._text_whd8a_103{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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_whd8a_103:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_whd8a_122,._invalid_whd8a_122:focus-visible{border-color:#c8372d}._error_whd8a_127{margin-top:calc(var(--space-3) * -1);color:#c8372d;font-size:13px}._footer_whd8a_133{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}._actions_whd8a_143{gap:var(--space-2);flex-wrap:wrap;display:flex}._toggle_whd8a_149{align-items:center;gap:var(--space-2);font-size:14px;display:inline-flex}._toggle_whd8a_149 input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}._button_whd8a_61{justify-content:center;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_whd8a_61:active{border-color:var(--accent)}._buttonIcon_whd8a_180{width:16px;height:16px}._sliders_whd8a_186{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}._strip_whd8a_193{gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-1);grid-template-columns:repeat(11,1fr);display:grid}._chip_whd8a_62{border-radius:var(--radius-md);height:72px;transition:transform var(--ease), box-shadow var(--ease);align-items:flex-end;padding:10px;font-size:11px;font-weight:500;display:flex;box-shadow:inset 0 0 0 1px #00000014}._chip_whd8a_62:active{transform:scale(.97)}._chipSelected_whd8a_216{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)}._list_whd8a_223{gap:2px;display:grid}._row_whd8a_228{align-items:center;gap:var(--space-4);padding:10px var(--space-3);border-radius:var(--radius-md);transition:background var(--ease);grid-template-columns:56px 1fr auto auto;display:grid}._rowSelected_whd8a_238{background:var(--soft)}._swatch_whd8a_63{border-radius:var(--radius-sm);height:40px;box-shadow:inset 0 0 0 1px #0000001a}._info_whd8a_248{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}._step_whd8a_255{min-width:34px;font-weight:600}._hex_whd8a_260{color:var(--muted);font-size:13px}._tags_whd8a_265{gap:var(--space-1);flex-wrap:wrap;display:flex}._tag_whd8a_265{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}._tagBase_whd8a_278{background:var(--accent);color:var(--accent-fg)}._tagTarget_whd8a_283{color:#0f5a32;background:#d9f2e3}._tagAdjusted_whd8a_288{background:color-mix(in srgb, #e8a33d 25%, var(--surface))}._ratios_whd8a_292{gap:var(--space-1);display:grid}._ratio_whd8a_292{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;display:flex}._ratioLabel_whd8a_305{width:36px;color:var(--muted)}._badge_whd8a_310{border-radius:var(--radius-full);padding:1px 8px;font-size:11px;font-weight:600}._pass_whd8a_317{color:#0f5a32;background:#d9f2e3}._fail_whd8a_322{color:#8a1c1c;background:#fbdcdc}._copy_whd8a_64{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);transition:background var(--ease), color var(--ease);place-items:center;display:grid}._copy_whd8a_64:active{background:var(--surface);color:var(--accent)}._copy_whd8a_64 svg{width:16px;height:16px}._segments_whd8a_348{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._segments_whd8a_348:before{content:attr(aria-label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:0 0 100%;margin-bottom:2px;font-size:12px;font-weight:600}._segment_whd8a_65{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:8px 16px;font-size:14px}._segment_whd8a_65:active{border-color:var(--accent)}._segment_whd8a_65[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._result_whd8a_384{align-content:center;gap:var(--space-2);padding:var(--space-5);background:var(--soft);border-radius:var(--radius-md);flex:1;font-size:16px;line-height:1.5;display:grid}._result_whd8a_384:before{content:"Result";color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}._demo_whd8a_406{align-content:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);transition:background var(--ease);flex:1;display:grid}._demoRow_whd8a_417{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}._demoPrimary_whd8a_424,._demoOutline_whd8a_425{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:600}._demoOutline_whd8a_425{background:0 0;border:2px solid}._demoTag_whd8a_437{border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:600}._demoText_whd8a_444{overflow-wrap:anywhere;font-size:15px;font-weight:500}@media (hover:hover){._button_whd8a_61:hover{border-color:var(--accent)}._chip_whd8a_62:hover,._chipSelected_whd8a_216:hover{transform:translateY(-2px)}._chipSelected_whd8a_216:hover{transform:translateY(-4px)}._row_whd8a_228:hover{background:var(--bg)}._rowSelected_whd8a_238:hover{background:var(--soft)}._copy_whd8a_64:hover{background:var(--surface);color:var(--accent)}._segment_whd8a_65:hover{border-color:var(--accent)}}@media (pointer:coarse){._button_whd8a_61,._segment_whd8a_65{min-height:44px}._copy_whd8a_64{width:44px;height:44px}._swatch_whd8a_63{min-width:44px;min-height:44px}._toggle_whd8a_149{min-height:44px}._toggle_whd8a_149 input{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){._text_whd8a_103,._button_whd8a_61,._chip_whd8a_62,._row_whd8a_228,._copy_whd8a_64,._segment_whd8a_65,._demo_whd8a_406{transition:none}}@container (width<=719px){._grid_whd8a_33,._sliders_whd8a_186{grid-template-columns:1fr}._fields_whd8a_80{grid-template-columns:1fr 1fr}._fields_whd8a_80>._field_whd8a_80:first-child{grid-column:1/-1}._row_whd8a_228{gap:var(--space-2) var(--space-3);grid-template-columns:44px 1fr auto}._swatch_whd8a_63{grid-area:1/1/span 2;align-self:stretch;height:auto}._info_whd8a_248{grid-area:1/2}._copy_whd8a_64{grid-area:1/3}._ratios_whd8a_292{grid-area:2/2/auto/-1;grid-template-columns:1fr 1fr}._chip_whd8a_62{height:56px;padding:6px 8px}}@container (width<=559px){._card_whd8a_39{padding:var(--space-4);gap:var(--space-4)}._strip_whd8a_193{grid-template-columns:repeat(6,1fr)}._chip_whd8a_62{border-radius:var(--radius-sm);height:52px;padding:6px;font-size:12px}._footer_whd8a_133{flex-direction:column;align-items:stretch}._actions_whd8a_143{flex-wrap:nowrap}._actions_whd8a_143>._button_whd8a_61{text-align:center;flex:1 1 0;padding:0 10px;font-size:14px}._result_whd8a_384{padding:var(--space-4);font-size:15px}._demo_whd8a_406{padding:var(--space-4)}}@container (width<=479px){._fields_whd8a_80{grid-template-columns:1fr}._actions_whd8a_143{flex-wrap:wrap}._actions_whd8a_143>._button_whd8a_61{flex-basis:100%}}@container (width<=439px){._strip_whd8a_193{grid-template-columns:repeat(4,1fr)}._ratios_whd8a_292{grid-template-columns:1fr}._segments_whd8a_348{gap:var(--space-2)}._segment_whd8a_65{text-align:center;flex:1 1 0;padding-inline:8px}}@media (width<=699px){._page_whd8a_2{gap:var(--space-4);padding:var(--space-4)}}._page_1m99n_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._filters_1m99n_11{width:0;height:0;position:absolute;overflow:hidden}._header_1m99n_18{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_1m99n_27{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_1m99n_32{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._card_1m99n_40{gap:var(--space-5);min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._head_1m99n_18{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}._heading_1m99n_59{letter-spacing:-.01em;font-size:20px}._hint_1m99n_64{color:var(--muted);font-size:13px;line-height:1.6}._badge_1m99n_70{border-radius:var(--radius-full);white-space:nowrap;padding:3px 12px;font-size:12px;font-weight:600}._pass_1m99n_78{color:#0f5a32;background:#d9f2e3}._fail_1m99n_83{color:#8a1c1c;background:#fbdcdc}._button_1m99n_88,._upload_1m99n_89,._segment_1m99n_90,._remove_1m99n_91,._tile_1m99n_92{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_1m99n_88:focus-visible,._upload_1m99n_89:focus-visible,._segment_1m99n_90:focus-visible,._remove_1m99n_91:focus-visible,._tile_1m99n_92:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._button_1m99n_88,._upload_1m99n_89{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;min-height:36px;transition:border-color var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_1m99n_88:active,._upload_1m99n_89:active{border-color:var(--accent)}._button_1m99n_88:disabled{cursor:not-allowed;opacity:.45}._buttonIcon_1m99n_132{width:14px;height:14px}._tools_1m99n_138{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._colors_1m99n_145{gap:var(--space-2);flex-wrap:wrap;display:flex}._colorChip_1m99n_151{align-items:center;gap:var(--space-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);padding:4px 4px 4px 10px;font-size:12.5px;display:inline-flex}._swatch_1m99n_162{width:16px;height:16px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #0000001a;border-radius:5px;flex:none;display:inline-block}._remove_1m99n_91{width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;display:grid}._remove_1m99n_91:active{background:var(--soft);color:var(--accent)}._remove_1m99n_91 svg{width:12px;height:12px}._severity_1m99n_191{width:260px;max-width:100%}._rows_1m99n_196{gap:var(--space-2);display:grid}._row_1m99n_196{align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg);border-radius:var(--radius-md);grid-template-columns:170px 1fr;display:grid}._rowLabel_1m99n_211{padding-left:var(--space-2);gap:2px;display:grid}._tiles_1m99n_217{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(72px,100%),1fr));display:grid}._tile_1m99n_92{border-radius:var(--radius-sm);height:56px;font-family:var(--font-mono);transition:transform var(--ease);align-items:flex-end;padding:8px;font-size:11px;display:flex;box-shadow:inset 0 0 0 1px #0000001a}._tile_1m99n_92:active{transform:scale(.97)}._checks_1m99n_240{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}._check_1m99n_240{gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5);background:var(--bg);border-radius:var(--radius-md);flex-direction:column;display:flex}._checkHead_1m99n_256{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}._pairs_1m99n_263{gap:var(--space-2);display:grid}._pair_1m99n_263{align-items:center;gap:var(--space-3);font-size:12.5px;display:flex}._pair_1m99n_263 code{overflow-wrap:anywhere;min-width:0}._duo_1m99n_280{flex:none;gap:2px;display:inline-flex}._duo_1m99n_280 i{border-radius:6px;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000001f}._note_1m99n_294{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:14px;display:grid}._options_1m99n_305{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}._segments_1m99n_311{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._segments_1m99n_311:before{content:attr(aria-label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:0 0 100%;margin-bottom:2px;font-size:12px;font-weight:600}._segment_1m99n_90{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:7px 16px;font-size:14px}._segment_1m99n_90:active{border-color:var(--accent)}._segment_1m99n_90[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._panes_1m99n_347{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}._pane_1m99n_347{gap:var(--space-2);min-width:0;margin:0;display:grid}._paneLabel_1m99n_360{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}._canvas_1m99n_368{min-height:340px;padding:var(--space-5);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);display:grid}._image_1m99n_377{border-radius:var(--radius-sm);object-fit:contain;width:100%;height:320px}._empty_1m99n_384{color:var(--muted);text-align:center;align-self:center;font-size:14px}._sample_1m99n_391{gap:var(--space-4);grid-template-rows:1fr auto auto;display:grid}._chart_1m99n_397{align-items:flex-end;gap:var(--space-2);height:190px;padding-bottom:var(--space-2);border-bottom:1px solid var(--line);display:flex}._bar_1m99n_406{border-radius:6px 6px 0 0;flex:1}._legend_1m99n_411{gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:12.5px;display:flex}._legendItem_1m99n_418{align-items:center;gap:6px;display:inline-flex}._legendDot_1m99n_424{border-radius:50%;width:10px;height:10px}._statuses_1m99n_430{gap:var(--space-2);flex-wrap:wrap;display:flex}._status_1m99n_430{border-radius:var(--radius-full);padding:4px 14px;font-size:12.5px;font-weight:600}@media (hover:hover){._button_1m99n_88:hover,._upload_1m99n_89:hover,._segment_1m99n_90:hover{border-color:var(--accent)}._remove_1m99n_91:hover{background:var(--soft);color:var(--accent)}._tile_1m99n_92:hover{transform:translateY(-2px)}}@media (pointer:coarse){._button_1m99n_88,._upload_1m99n_89,._segment_1m99n_90,._tile_1m99n_92{min-height:44px}._remove_1m99n_91{width:32px;height:32px}._colorChip_1m99n_151{padding-block:2px}}@media (prefers-reduced-motion:reduce){._button_1m99n_88,._upload_1m99n_89,._segment_1m99n_90,._tile_1m99n_92{transition:none}}@container (width<=719px){._checks_1m99n_240,._panes_1m99n_347{grid-template-columns:1fr}._row_1m99n_196{gap:var(--space-2);grid-template-columns:1fr}}@container (width<=559px){._card_1m99n_40{padding:var(--space-4);gap:var(--space-4)}._severity_1m99n_191{width:100%}._tools_1m99n_138>._button_1m99n_88{flex:auto}._check_1m99n_240,._note_1m99n_294{padding:var(--space-4)}._canvas_1m99n_368{min-height:220px;padding:var(--space-3)}._image_1m99n_377{height:200px}}@container (width<=439px){._chart_1m99n_397{height:150px}._rowLabel_1m99n_211{padding-left:0}}@media (width<=699px){._page_1m99n_2{gap:var(--space-4);padding:var(--space-4)}}._dial_xem0i_2{border:1px solid var(--line);background:radial-gradient(closest-side, var(--bg) 80%, transparent 81%), repeating-conic-gradient(from -1deg, var(--muted) 0deg 2deg, transparent 2deg 45deg);cursor:grab;touch-action:none;border-radius:50%;flex:none;width:84px;height:84px;position:relative}._dial_xem0i_2:active{cursor:grabbing}._dial_xem0i_2:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._needle_xem0i_26{background:var(--accent);transform-origin:bottom;pointer-events:none;border-radius:2px;width:2px;height:32px;position:absolute;bottom:50%;left:calc(50% - 1px)}._needle_xem0i_26:after{content:"";border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-5px;box-shadow:0 1px 3px #00000059}._center_xem0i_51{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}._track_1tub7_2{height:44px;margin:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:crosshair;touch-action:none;position:relative;box-shadow:inset 0 0 0 1px #0000001a}._handle_1tub7_12{cursor:grab;touch-action:none;width:24px;height:24px;transition:transform var(--ease), box-shadow var(--ease);border:3px solid #fff;border-radius:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;box-shadow:0 0 0 1px #0000004d,0 2px 6px #00000059}._handle_1tub7_12:hover{transform:scale(1.1)}._handle_1tub7_12:active{cursor:grabbing}._selected_1tub7_34,._selected_1tub7_34:hover{z-index:2;box-shadow:0 0 0 2px var(--accent), 0 2px 8px #0006;transform:scale(1.2)}._handle_1tub7_12:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent), 0 2px 8px #0006;outline:none}._page_bx8y3_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_bx8y3_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_bx8y3_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_bx8y3_25{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._grid_bx8y3_33{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}._card_bx8y3_39{gap:var(--space-5);min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._head_bx8y3_11{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}._heading_bx8y3_58{letter-spacing:-.01em;font-size:20px}._hint_bx8y3_63{color:var(--muted);font-size:13px;line-height:1.6}._label_bx8y3_69{color:var(--muted);font-size:13px;font-weight:500}._button_bx8y3_75,._segment_bx8y3_76,._direction_bx8y3_77,._preset_bx8y3_78{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_bx8y3_75:focus-visible,._segment_bx8y3_76:focus-visible,._direction_bx8y3_77:focus-visible,._preset_bx8y3_78:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._button_bx8y3_75{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;transition:border-color var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_bx8y3_75:active{border-color:var(--accent)}._button_bx8y3_75:disabled{cursor:not-allowed;opacity:.45}._buttonIcon_bx8y3_114{width:14px;height:14px}._tools_bx8y3_119{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._preview_bx8y3_127{border-radius:var(--radius-md);height:300px;box-shadow:inset 0 0 0 1px #0000001a}._barWrap_bx8y3_133{gap:var(--space-2);display:grid}._editor_bx8y3_138{align-items:flex-end;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}._inputs_bx8y3_145{gap:var(--space-3);flex:0 280px;display:flex}._text_bx8y3_151{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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_bx8y3_151:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_bx8y3_170,._invalid_bx8y3_170:focus-visible{border-color:#c8372d}._position_bx8y3_175{flex:1;min-width:220px}._segments_bx8y3_181{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._segments_bx8y3_181:before,._directions_bx8y3_189:before{content:attr(aria-label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:0 0 100%;margin-bottom:2px;font-size:12px;font-weight:600}._segment_bx8y3_76{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:7px 16px;font-size:14px}._segment_bx8y3_76:active{border-color:var(--accent)}._segment_bx8y3_76[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._angle_bx8y3_218{align-items:center;gap:var(--space-5);display:flex}._grow_bx8y3_224{flex:1;min-width:0}._directions_bx8y3_189{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}._directions_bx8y3_189:before{grid-column:1/-1}._direction_bx8y3_77{border:1px solid var(--line);border-radius:var(--radius-sm);height:38px;color:var(--muted);transition:border-color var(--ease), color var(--ease);place-items:center;display:grid}._direction_bx8y3_77:active{border-color:var(--accent)}._direction_bx8y3_77[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}._direction_bx8y3_77 svg{width:16px;height:16px}._sliders_bx8y3_264{gap:var(--space-5);display:grid}._compare_bx8y3_270{gap:var(--space-3);margin-top:auto;display:grid}._strip_bx8y3_276{gap:6px;display:grid}._stripLabel_bx8y3_281{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}._stripBar_bx8y3_289{border-radius:var(--radius-sm);height:36px;box-shadow:inset 0 0 0 1px #0000001a}._presets_bx8y3_296{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));display:grid}._preset_bx8y3_78{gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg);border-radius:var(--radius-md);text-align:left;transition:border-color var(--ease), transform var(--ease);border:1px solid #0000;font-size:14px;display:grid}._preset_bx8y3_78:active{border-color:var(--accent);transform:scale(.98)}._presetBar_bx8y3_320{border-radius:var(--radius-sm);height:44px;box-shadow:inset 0 0 0 1px #0000001a}@media (hover:hover){._button_bx8y3_75:hover,._segment_bx8y3_76:hover,._direction_bx8y3_77:hover{border-color:var(--accent)}._preset_bx8y3_78:hover{border-color:var(--accent);transform:translateY(-2px)}}@media (pointer:coarse){._button_bx8y3_75,._segment_bx8y3_76{min-height:44px}._direction_bx8y3_77{height:44px}}@media (prefers-reduced-motion:reduce){._button_bx8y3_75,._segment_bx8y3_76,._direction_bx8y3_77,._preset_bx8y3_78,._text_bx8y3_151{transition:none}}@container (width<=719px){._grid_bx8y3_33{grid-template-columns:1fr}}@container (width<=559px){._card_bx8y3_39{padding:var(--space-4);gap:var(--space-4)}._preview_bx8y3_127{height:220px}._inputs_bx8y3_145,._position_bx8y3_175{flex:100%;min-width:0}._editor_bx8y3_138>._button_bx8y3_75{flex:100%}._directions_bx8y3_189{grid-template-columns:repeat(4,1fr)}._direction_bx8y3_77{height:44px}._angle_bx8y3_218{gap:var(--space-4)}._tools_bx8y3_119>._label_bx8y3_69{flex:0 0 100%}._tools_bx8y3_119>._button_bx8y3_75{flex:auto}}@container (width<=439px){._preview_bx8y3_127{height:180px}._angle_bx8y3_218{gap:var(--space-3)}._presets_bx8y3_296{grid-template-columns:repeat(2,1fr)}._tools_bx8y3_119>._button_bx8y3_75{flex-basis:100%}}@media (width<=699px){._page_bx8y3_2{gap:var(--space-4);padding:var(--space-4)}}._page_pb8cv_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_pb8cv_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_pb8cv_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_pb8cv_25{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._grid_pb8cv_33{gap:var(--space-5);grid-template-columns:1fr 1.15fr;display:grid}._card_pb8cv_39{gap:var(--space-5);min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._head_pb8cv_11{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}._heading_pb8cv_58{letter-spacing:-.01em;font-size:20px}._hint_pb8cv_63{color:var(--muted);font-size:13px;line-height:1.6}._muted_pb8cv_69{color:var(--muted);font-size:13px}._button_pb8cv_74,._swap_pb8cv_75,._segment_pb8cv_76,._apply_pb8cv_77,._suggestion_pb8cv_78,._remove_pb8cv_79,._cell_pb8cv_80{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_pb8cv_74:focus-visible,._swap_pb8cv_75:focus-visible,._segment_pb8cv_76:focus-visible,._apply_pb8cv_77:focus-visible,._suggestion_pb8cv_78:focus-visible,._remove_pb8cv_79:focus-visible,._cell_pb8cv_80:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._button_pb8cv_74{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;transition:border-color var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_pb8cv_74:active{border-color:var(--accent)}._buttonIcon_pb8cv_114{width:14px;height:14px}._badge_pb8cv_119{border-radius:var(--radius-full);text-align:center;min-width:56px;padding:2px 10px;font-size:12px;font-weight:600}._pass_pb8cv_128{color:#0f5a32;background:#d9f2e3}._fail_pb8cv_133{color:#8a1c1c;background:#fbdcdc}._swatch_pb8cv_138{width:16px;height:16px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #0000001a;border-radius:5px;flex:none;display:inline-block}._pair_pb8cv_148{border-radius:var(--radius-md);min-height:130px;transition:background var(--ease), color var(--ease);flex:1;align-content:center;justify-items:center;gap:2px;display:grid;box-shadow:inset 0 0 0 1px #0000001a}._pairLarge_pb8cv_160{font-family:var(--font-display);font-size:52px;font-weight:600;line-height:1}._pairSmall_pb8cv_167{font-size:14px}._field_pb8cv_171{gap:var(--space-2);display:grid}._label_pb8cv_176{color:var(--muted);font-size:13px;font-weight:500}._inputs_pb8cv_182{gap:var(--space-3);display:flex}._text_pb8cv_187{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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_pb8cv_187:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_pb8cv_206,._invalid_pb8cv_206:focus-visible{border-color:#c8372d}._error_pb8cv_211{color:#c8372d;font-size:13px}._swap_pb8cv_75{border:1px dashed var(--line);border-radius:var(--radius-full);min-height:34px;color:var(--muted);transition:border-color var(--ease), color var(--ease);align-self:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}._swap_pb8cv_75:active{border-color:var(--accent);color:var(--accent)}._swapIcon_pb8cv_235{width:14px;height:14px;transform:rotate(90deg)}._scores_pb8cv_242{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}._score_pb8cv_242{min-width:0;padding:var(--space-4);background:var(--bg);border-radius:var(--radius-md);gap:2px;display:grid}._big_pb8cv_257{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:34px;font-weight:600;line-height:1.1}._caption_pb8cv_266{color:var(--muted);font-size:13px}._rules_pb8cv_271{display:grid}._rule_pb8cv_271{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);padding:11px 0;font-size:14px;display:flex}._rule_pb8cv_271>span:first-child{min-width:0}._rule_pb8cv_271:last-child{border-bottom:0}._level_pb8cv_293{padding:var(--space-3) var(--space-4);background:var(--soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:14px;line-height:1.5}._level_pb8cv_293 b{color:var(--accent)}._result_pb8cv_306 ._hint_pb8cv_63,._level_pb8cv_293+._hint_pb8cv_63{margin-top:auto}._sample_pb8cv_312{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);transition:background var(--ease), color var(--ease);display:grid}._sampleText_pb8cv_321{overflow-wrap:anywhere;max-width:38em;line-height:1.4}._uiSample_pb8cv_327{border-radius:var(--radius-full);border:2px solid;justify-self:start;padding:6px 18px;font-weight:600}._controls_pb8cv_335{align-items:flex-end;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}._slider_pb8cv_342{flex:1;min-width:220px}._segments_pb8cv_347{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._segments_pb8cv_347:before{content:attr(aria-label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:0 0 100%;margin-bottom:2px;font-size:12px;font-weight:600}._segment_pb8cv_76{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:7px 16px;font-size:14px}._segment_pb8cv_76:active{border-color:var(--accent)}._segment_pb8cv_76[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._segmentHint_pb8cv_383{opacity:.75;font-size:12px}._verdict_pb8cv_388{font-size:14px;line-height:1.6}._options_pb8cv_394{gap:var(--space-4);display:grid}._custom_pb8cv_399{width:84px;height:38px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-full);font-family:var(--font-mono);transition:border-color var(--ease), box-shadow var(--ease);font-size:16px}._custom_pb8cv_399:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._fix_pb8cv_417{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--soft);border-radius:var(--radius-md);flex-wrap:wrap;font-size:14px;display:flex}._change_pb8cv_429{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._arrow_pb8cv_436{color:var(--muted)}._apply_pb8cv_77{background:var(--accent);border-radius:var(--radius-md);min-height:40px;color:var(--accent-fg);transition:background var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 18px;font-weight:500;display:inline-flex}._apply_pb8cv_77:active{background:color-mix(in srgb, var(--accent) 88%, black)}._quick_pb8cv_458{gap:var(--space-3);display:grid}._label_pb8cv_176+._suggestions_pb8cv_463{margin-top:calc(var(--space-1) * -1)}._suggestions_pb8cv_463{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}._suggestion_pb8cv_78{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);background:var(--bg);border-radius:var(--radius-md);text-align:left;transition:border-color var(--ease), transform var(--ease);border:1px solid #0000;display:flex}._suggestion_pb8cv_78:active{border-color:var(--accent);transform:scale(.99)}._mini_pb8cv_491{border-radius:var(--radius-sm);flex:none;place-items:center;width:44px;height:44px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #0000001f}._suggestionText_pb8cv_502{min-width:0;font-size:13px;display:grid}._tools_pb8cv_509{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._colors_pb8cv_516{gap:var(--space-2);flex-wrap:wrap;display:flex}._colorChip_pb8cv_522{align-items:center;gap:var(--space-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);padding:4px 4px 4px 10px;font-size:12.5px;display:inline-flex}._remove_pb8cv_79{width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;display:grid}._remove_pb8cv_79:active{background:var(--soft);color:var(--accent)}._remove_pb8cv_79 svg{width:12px;height:12px}._legend_pb8cv_552{gap:var(--space-4);color:var(--muted);flex-wrap:wrap;font-size:12.5px;display:flex}._legendItem_pb8cv_560{align-items:center;gap:6px;display:inline-flex}._legendDot_pb8cv_566,._cell_pb8cv_80:after{background:var(--dot);border-radius:50%;width:9px;height:9px}._legendDot_pb8cv_566[data-status=aaa],._cell_pb8cv_80[data-status=aaa]{--dot:#1f9d5b}._legendDot_pb8cv_566[data-status=aa],._cell_pb8cv_80[data-status=aa]{--dot:#6fcf97}._legendDot_pb8cv_566[data-status=large],._cell_pb8cv_80[data-status=large]{--dot:#e8a33d}._legendDot_pb8cv_566[data-status=fail],._cell_pb8cv_80[data-status=fail]{--dot:#d6453a}._tableWrap_pb8cv_594{overscroll-behavior-x:contain;padding-bottom:var(--space-2);overflow-x:auto}._table_pb8cv_594{border-collapse:separate;border-spacing:6px;font-size:12px}._table_pb8cv_594 th{padding:0 var(--space-1);text-align:left;white-space:nowrap;font-weight:500}._table_pb8cv_594 th[scope=row]{z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line);position:sticky;left:0}._corner_pb8cv_621{min-width:130px;color:var(--muted)}._headColor_pb8cv_626{font-family:var(--font-mono);align-items:center;gap:6px;display:inline-flex}._same_pb8cv_633{color:var(--muted);text-align:center}._cell_pb8cv_80{border-radius:var(--radius-sm);width:100%;min-width:78px;height:56px;transition:transform var(--ease);align-content:center;place-items:center;gap:1px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001f}._cell_pb8cv_80:active{transform:scale(.96)}._cell_pb8cv_80:after{content:"";position:absolute;top:5px;right:5px;box-shadow:0 0 0 1.5px #ffffffd9}._cellSample_pb8cv_664{font-size:17px;font-weight:600;line-height:1}._cellRatio_pb8cv_670{font-variant-numeric:tabular-nums;font-size:10.5px}@media (hover:hover){._button_pb8cv_74:hover,._segment_pb8cv_76:hover{border-color:var(--accent)}._swap_pb8cv_75:hover{border-color:var(--accent);color:var(--accent)}._apply_pb8cv_77:hover{background:color-mix(in srgb, var(--accent) 88%, black)}._suggestion_pb8cv_78:hover{border-color:var(--accent);transform:translateY(-1px)}._remove_pb8cv_79:hover{background:var(--soft);color:var(--accent)}._cell_pb8cv_80:hover{transform:translateY(-2px)}}@media (pointer:coarse){._button_pb8cv_74,._swap_pb8cv_75,._segment_pb8cv_76,._apply_pb8cv_77,._custom_pb8cv_399{min-height:44px}._remove_pb8cv_79{width:32px;height:32px}._colorChip_pb8cv_522{padding-block:2px}}@media (prefers-reduced-motion:reduce){._pair_pb8cv_148,._text_pb8cv_187,._custom_pb8cv_399,._button_pb8cv_74,._swap_pb8cv_75,._segment_pb8cv_76,._apply_pb8cv_77,._suggestion_pb8cv_78,._sample_pb8cv_312,._cell_pb8cv_80{transition:none}}@container (width<=719px){._grid_pb8cv_33{grid-template-columns:1fr}}@container (width<=559px){._card_pb8cv_39{padding:var(--space-4);gap:var(--space-4)}._big_pb8cv_257{font-size:28px}._pair_pb8cv_148{min-height:110px}._pairLarge_pb8cv_160{font-size:44px}._sample_pb8cv_312{padding:var(--space-4)}._slider_pb8cv_342{flex:100%;min-width:0}._fix_pb8cv_417{padding:var(--space-4)}._fix_pb8cv_417>._apply_pb8cv_77{width:100%}._tools_pb8cv_509>._button_pb8cv_74{flex:auto}._corner_pb8cv_621{min-width:110px}}@container (width<=439px){._score_pb8cv_242{padding:var(--space-3)}._big_pb8cv_257{font-size:22px}._caption_pb8cv_266{font-size:12px}._rule_pb8cv_271{font-size:13px}}@media (width<=699px){._page_pb8cv_2{gap:var(--space-4);padding:var(--space-4)}}._frame_1fsdm_2{background:var(--pv-bg);color:var(--pv-text);border:1px solid var(--pv-border);border-radius:calc(var(--pv-radius) + 4px);transition:background var(--ease), color var(--ease);font-size:14px;line-height:1.5;overflow:hidden;container-type:inline-size}._primary_1fsdm_15{--r:var(--pv-primary);--r-hover:var(--pv-primary-hover);--r-on:var(--pv-on-primary);--r-soft:var(--pv-primary-soft);--r-on-soft:var(--pv-on-primary-soft);--r-text:var(--pv-primary-text)}._secondary_1fsdm_24{--r:var(--pv-secondary);--r-hover:var(--pv-secondary-hover);--r-on:var(--pv-on-secondary);--r-soft:var(--pv-secondary-soft);--r-on-soft:var(--pv-on-secondary-soft);--r-text:var(--pv-secondary-text)}._accent_1fsdm_33{--r:var(--pv-accent);--r-hover:var(--pv-accent-hover);--r-on:var(--pv-on-accent);--r-soft:var(--pv-accent-soft);--r-on-soft:var(--pv-on-accent-soft);--r-text:var(--pv-accent-text)}._success_1fsdm_42{--r:var(--pv-success);--r-hover:var(--pv-success-hover);--r-on:var(--pv-on-success);--r-soft:var(--pv-success-soft);--r-on-soft:var(--pv-on-success-soft);--r-text:var(--pv-success-text)}._warning_1fsdm_51{--r:var(--pv-warning);--r-hover:var(--pv-warning-hover);--r-on:var(--pv-on-warning);--r-soft:var(--pv-warning-soft);--r-on-soft:var(--pv-on-warning-soft);--r-text:var(--pv-warning-text)}._danger_1fsdm_60{--r:var(--pv-danger);--r-hover:var(--pv-danger-hover);--r-on:var(--pv-on-danger);--r-soft:var(--pv-danger-soft);--r-on-soft:var(--pv-on-danger-soft);--r-text:var(--pv-danger-text)}._solid_1fsdm_70,._soft_1fsdm_71,._outline_1fsdm_72,._ghost_1fsdm_73{border-radius:var(--pv-radius-sm);cursor:default;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}._solid_1fsdm_70{background:var(--r);color:var(--r-on)}._solid_1fsdm_70:hover{background:var(--r-hover)}._soft_1fsdm_71{background:var(--r-soft);color:var(--r-on-soft)}._outline_1fsdm_72{border-color:var(--r);color:var(--r-text);background:0 0}._ghost_1fsdm_73{min-height:28px;color:var(--r-text);background:0 0;padding:0 8px}._disabled_1fsdm_114{opacity:.45}._badge_1fsdm_118{background:var(--r-soft);color:var(--r-on-soft);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}._card_1fsdm_128{gap:var(--space-3);background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:var(--pv-radius);align-content:start;padding:16px;display:grid}._muted_1fsdm_138{color:var(--pv-muted)}._logo_1fsdm_142{background:var(--pv-primary);border-radius:6px;width:22px;height:22px}._brand_1fsdm_149{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}._alert_1fsdm_157{background:var(--r-soft);color:var(--r-on-soft);border:1px solid color-mix(in srgb, var(--r) 40%, transparent);border-radius:var(--pv-radius);gap:8px;padding:12px 14px;display:flex}._input_1fsdm_167{background:var(--pv-surface);width:100%;height:40px;color:var(--pv-text);border:1px solid var(--pv-border-strong);border-radius:var(--pv-radius-sm);padding:0 12px}._input_1fsdm_167::placeholder{color:var(--pv-muted)}._focus_1fsdm_181{border-color:var(--pv-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--pv-primary) 30%, transparent)}._row_1fsdm_186{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._dashboard_1fsdm_194{grid-template-columns:190px 1fr;min-height:460px;display:grid}._side_1fsdm_200{background:var(--pv-surface);border-right:1px solid var(--pv-border);align-content:start;gap:20px;padding:18px 14px;display:grid}._side_1fsdm_200 ._brand_1fsdm_149{padding:0 8px}._nav_1fsdm_213{gap:2px;display:grid}._navItem_1fsdm_218{border-radius:var(--pv-radius-sm);color:var(--pv-muted);align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}._navItem_1fsdm_218 svg{width:16px;height:16px}._active_1fsdm_233{background:var(--pv-primary-soft);color:var(--pv-on-primary-soft)}._main_1fsdm_238{align-content:start;gap:16px;min-width:0;padding:18px;display:grid}._topbar_1fsdm_246{align-items:center;gap:12px;display:flex}._search_1fsdm_252{background:var(--pv-surface);height:38px;color:var(--pv-muted);border:1px solid var(--pv-border-strong);border-radius:var(--pv-radius-sm);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}._search_1fsdm_252 svg{width:15px;height:15px}._avatar_1fsdm_270{background:var(--pv-accent);border-radius:50%;flex:none;width:34px;height:34px}._stats_1fsdm_278{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}._stat_1fsdm_278{justify-items:start;gap:4px}._value_1fsdm_289{font-family:var(--font-display);font-size:24px}._panels_1fsdm_294{grid-template-columns:1.3fr 1fr;gap:12px;display:grid}._cardHead_1fsdm_300{justify-content:space-between;align-items:center;gap:8px;display:flex}._chart_1fsdm_307{align-items:flex-end;gap:8px;height:150px;display:flex}._bar_1fsdm_314{background:var(--r);border-radius:6px 6px 0 0;flex:1;min-width:0}._list_1fsdm_321{margin:0;display:grid}._rowItem_1fsdm_326{border-bottom:1px solid var(--pv-border);justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}._rowItem_1fsdm_326:last-child{border-bottom:0}._landing_1fsdm_340{display:grid}._navbar_1fsdm_344{background:var(--pv-surface);border-bottom:1px solid var(--pv-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}._links_1fsdm_354{color:var(--pv-muted);gap:18px;font-weight:500;display:flex}._hero_1fsdm_361{justify-items:start;gap:14px;padding:44px 28px 36px;display:grid}._headline_1fsdm_368{max-width:14em;font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;line-height:1.1}._lead_1fsdm_376{max-width:34em;color:var(--pv-muted)}._features_1fsdm_381{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 28px;display:grid}._feature_1fsdm_381{gap:8px}._icon_1fsdm_392{border-radius:var(--pv-radius-sm);background:var(--r-soft);width:36px;height:36px;color:var(--r-on-soft);place-items:center;display:grid}._icon_1fsdm_392 svg{width:18px;height:18px}._cta_1fsdm_407{background:var(--r);color:var(--r-on);border-radius:var(--pv-radius);justify-content:space-between;align-items:center;gap:16px;margin:0 28px 28px;padding:22px 24px;display:flex}._ctaTitle_1fsdm_419{font-family:var(--font-display);font-size:20px}._gallery_1fsdm_425{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}._controls_1fsdm_432{flex-wrap:wrap;gap:16px;display:flex}._option_1fsdm_438{align-items:center;gap:8px;display:inline-flex}._check_1fsdm_444{background:var(--r);width:18px;height:18px;color:var(--r-on);border-radius:5px;place-items:center;display:grid}._check_1fsdm_444 svg{width:12px;height:12px}._toggle_1fsdm_459{background:var(--pv-border-strong);border-radius:999px;width:38px;height:22px;position:relative}._toggle_1fsdm_459:after{content:"";background:var(--pv-surface);width:16px;height:16px;transition:transform var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}._toggle_1fsdm_459[data-on=true]{background:var(--r)}._toggle_1fsdm_459[data-on=true]:after{background:var(--r-on);transform:translate(16px)}._tabs_1fsdm_488{border-bottom:1px solid var(--pv-border);gap:4px;display:flex}._tab_1fsdm_488{color:var(--pv-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:500}._tabActive_1fsdm_502{border-bottom-color:var(--pv-primary);color:var(--pv-primary-text)}._progress_1fsdm_507{background:var(--pv-surface-alt);border-radius:999px;height:8px;overflow:hidden}._fill_1fsdm_514{background:var(--r);height:100%;display:block}@container (width<=700px){._dashboard_1fsdm_194{grid-template-columns:1fr}._side_1fsdm_200{display:none}._panels_1fsdm_294,._features_1fsdm_381,._gallery_1fsdm_425{grid-template-columns:1fr}}@container (width<=520px){._stats_1fsdm_278{grid-template-columns:1fr}._links_1fsdm_354{display:none}._cta_1fsdm_407{flex-direction:column;align-items:flex-start}}._page_1cw9f_2{gap:var(--space-5);max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto;display:grid;container-type:inline-size}._header_1cw9f_11{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}._title_1cw9f_20{letter-spacing:-.02em;font-size:clamp(26px,6vw,34px)}._subtitle_1cw9f_25{max-width:36em;margin-top:var(--space-2);color:var(--muted);text-wrap:pretty;line-height:1.6}._card_1cw9f_33{gap:var(--space-5);min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}._head_1cw9f_11{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}._heading_1cw9f_52{letter-spacing:-.01em;font-size:20px}._hint_1cw9f_57{color:var(--muted);font-size:13px;line-height:1.6}._muted_1cw9f_63{color:var(--muted)}._tools_1cw9f_67{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._button_1cw9f_74,._segment_1cw9f_75,._tile_1cw9f_76{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._button_1cw9f_74:focus-visible,._segment_1cw9f_75:focus-visible,._tile_1cw9f_76:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._button_1cw9f_74{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;transition:border-color var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}._button_1cw9f_74:active{border-color:var(--accent)}._buttonIcon_1cw9f_106{width:14px;height:14px}._badge_1cw9f_111{border-radius:var(--radius-full);white-space:nowrap;padding:3px 12px;font-size:12px;font-weight:600}._pass_1cw9f_119{color:#0f5a32;background:#d9f2e3}._fail_1cw9f_124{color:#8a1c1c;background:#fbdcdc}._roles_1cw9f_130{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._role_1cw9f_130{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--bg);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);display:grid}._roleHead_1cw9f_146{gap:2px;display:grid}._inputs_1cw9f_151{gap:var(--space-3);min-width:0;display:flex}._text_1cw9f_157{width:100%;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);transition:border-color var(--ease), box-shadow var(--ease);flex:1;font-size:16px}._text_1cw9f_157:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}._invalid_1cw9f_177,._invalid_1cw9f_177:focus-visible{border-color:#c8372d}._options_1cw9f_183{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}._segments_1cw9f_189{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._segments_1cw9f_189:before{content:attr(aria-label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:0 0 100%;margin-bottom:2px;font-size:12px;font-weight:600}._segment_1cw9f_75{border:1px solid var(--line);border-radius:var(--radius-full);transition:border-color var(--ease);padding:7px 16px;font-size:14px}._segment_1cw9f_75:active{border-color:var(--accent)}._segment_1cw9f_75[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000}._stage_1cw9f_225{gap:var(--space-4);min-width:0;display:grid}._compare_1cw9f_231{grid-template-columns:repeat(2,1fr)}._pane_1cw9f_235{gap:var(--space-2);min-width:0;margin:0;display:grid}._paneLabel_1cw9f_242{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}._tiles_1cw9f_251{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}._groups_1cw9f_257{gap:var(--space-3);display:grid}._roleRow_1cw9f_262{align-items:center;gap:var(--space-2);grid-template-columns:96px repeat(6,1fr);display:grid}._roleName_1cw9f_269{font-weight:500}._tile_1cw9f_76{background:var(--bg);border-radius:var(--radius-sm);text-align:left;min-width:0;transition:transform var(--ease);gap:4px;padding:8px;display:grid}._tile_1cw9f_76:active{transform:scale(.97)}._tileSwatch_1cw9f_288{border-radius:6px;height:34px;box-shadow:inset 0 0 0 1px #0000001a}._tileName_1cw9f_294{color:var(--muted);font-size:11px}._tileHex_1cw9f_299{font-size:11px}._tableWrap_1cw9f_304{overscroll-behavior-x:contain;overflow-x:auto}._table_1cw9f_304{border-collapse:collapse;width:100%;font-size:14px}._table_1cw9f_304 th,._table_1cw9f_304 td{border-bottom:1px solid var(--line);text-align:left;padding:9px 8px}._table_1cw9f_304 th{color:var(--muted);font-size:13px;font-weight:500}._table_1cw9f_304 td ._badge_1cw9f_111{text-align:center;font-variant-numeric:tabular-nums;min-width:60px;display:inline-block}._exportBlock_1cw9f_335{gap:var(--space-4);display:grid}._toggle_1cw9f_340{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);font-size:14px;display:flex}._toggle_1cw9f_340 input{width:18px;height:18px;accent-color:var(--accent);flex:none}@media (hover:hover){._button_1cw9f_74:hover,._segment_1cw9f_75:hover{border-color:var(--accent)}._tile_1cw9f_76:hover{transform:translateY(-2px)}}@media (pointer:coarse){._button_1cw9f_74,._segment_1cw9f_75,._tile_1cw9f_76,._toggle_1cw9f_340{min-height:44px}._toggle_1cw9f_340 input{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){._text_1cw9f_157,._button_1cw9f_74,._segment_1cw9f_75,._tile_1cw9f_76{transition:none}}@container (width<=719px){._roles_1cw9f_130{grid-template-columns:repeat(2,1fr)}._compare_1cw9f_231{grid-template-columns:1fr}._tiles_1cw9f_251{grid-template-columns:repeat(4,1fr)}._roleRow_1cw9f_262{grid-template-columns:repeat(3,1fr)}._roleName_1cw9f_269{grid-column:1/-1}}@container (width<=559px){._card_1cw9f_33{padding:var(--space-4);gap:var(--space-4)}._roles_1cw9f_130{grid-template-columns:1fr}._head_1cw9f_11>._tools_1cw9f_67{flex:100%}._tools_1cw9f_67>._button_1cw9f_74{flex:auto}._toggle_1cw9f_340{padding:var(--space-4)}}@container (width<=439px){._tiles_1cw9f_251{grid-template-columns:repeat(3,1fr)}._table_1cw9f_304{font-size:13px}._table_1cw9f_304 th,._table_1cw9f_304 td{padding:8px 6px}._table_1cw9f_304 td ._badge_1cw9f_111{min-width:52px;padding-inline:8px}}@media (width<=699px){._page_1cw9f_2{gap:var(--space-4);padding:var(--space-4)}}