:root{--color-paper:#faf7f1;--color-paper-2:#f1ede6;--color-paper-3:#e7e2da;--color-ink:#0c1015;--color-ink-2:#282c31;--color-muted:#4d5055;--color-rule:#d4d0cb;--color-rule-2:#7d8086;--color-deck:#10141b;--color-deck-2:#1b1f27;--color-deck-3:#272c33;--color-deck-ink:#f4f1ed;--color-deck-muted:#b4b1ab;--color-deck-rule:#656970;--color-accent:#b01003;--color-accent-hover:#9a0000;--color-accent-ink:#fcfaf6;--color-focus:#be2517;--color-deck-focus:#f68c36;--color-selection:#faccb7;--color-exact:#005735;--color-exact-bg:#d8eee1;--color-close:#005173;--color-close-bg:#d9ebf7;--color-warn:#764100;--color-warn-bg:#f6e5cf;--color-error:#ac040c;--color-error-bg:#fce1dd;--color-error-ink:#fcfaf6;--color-deck-error:#ff9588;--color-success:#005735;--color-swatch-fallback:#e7e2da;--color-shadow:#0c101514;--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-body:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-weight:700;--tracking-display:-.02em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-display:1.5rem;--radius-sm:4px;--radius-control:6px;--radius-panel:8px;--rule:1px;--shell:84rem;--gutter:var(--space-5);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.15s;--dur-base:.2s}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.2392% .459135 3.01492);--color-paper-2:lab(93.9966% .580847 3.77315);--color-paper-3:lab(90.1738% .706017 4.53374);--color-ink:lab(4.4036% -.266463 -3.33818);--color-ink-2:lab(17.5952% -.509009 -4.42513);--color-muted:lab(33.8458% -.479922 -3.7144);--color-rule:lab(83.7831% .461757 3.0166);--color-rule-2:lab(53.5669% -.499904 -3.72492);--color-deck:lab(6.14031% -.382066 -5.17403);--color-deck-2:lab(11.7785% -.536852 -5.48969);--color-deck-3:lab(17.5813% -.587851 -5.51032);--color-deck-ink:lab(95.3776% .340879 2.25897);--color-deck-muted:lab(72.1829% .464618 3.0185);--color-deck-rule:lab(44.2789% -.576496 -4.45764);--color-accent:lab(37.8224% 59.3109 51.6406);--color-accent-hover:lab(31.9907% 59.6039 54.3029);--color-accent-ink:lab(98.2748% .282407 1.88136);--color-focus:lab(42.4837% 59.1025 48.1611);--color-deck-focus:lab(69.0195% 37.0844 61.0352);--color-selection:lab(85.7382% 14.8542 16.8063);--color-exact:lab(31.836% -37.3548 14.596);--color-exact-bg:lab(92.2863% -9.63607 3.82781);--color-close:lab(31.5444% -12.4334 -29.4269);--color-close-bg:lab(91.944% -4.61882 -7.75453);--color-warn:lab(33.4054% 23.975 60.1079);--color-warn-bg:lab(91.9248% 3.31214 13.1578);--color-error:lab(36.6192% 59.8112 47.2391);--color-error-bg:lab(91.6184% 8.97184 5.50302);--color-error-ink:lab(98.2748% .282407 1.88136);--color-deck-error:lab(73.0865% 46.092 29.5493);--color-success:lab(31.836% -37.3548 14.596);--color-swatch-fallback:lab(90.1738% .706017 4.53374);--color-shadow:lab(4.4036% -.266463 -3.33818/.08)}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-color:var(--color-rule-2) var(--color-paper-2);-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);caret-color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:clip}::selection{background:var(--color-selection);color:var(--color-ink)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:3px}:where(a,button,input,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);line-height:1;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.command-deck{border-bottom:var(--rule) solid var(--color-ink);background:var(--color-deck);color:var(--color-deck-ink)}.command-deck :where(a,button,input):focus-visible{outline-color:var(--color-deck-focus)}.deck-inner{padding-block:var(--space-4) var(--space-4)}.deck-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--rule) solid var(--color-deck-3);display:flex}.brand-group{align-items:center;gap:var(--space-4);min-width:0;display:flex}.brand{flex:none;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.brand img{width:auto;height:44px;display:block}.deck-title{min-width:0;padding-left:var(--space-4);border-left:var(--rule) solid var(--color-deck-rule);color:var(--color-deck-ink);font-family:var(--font-display);font-size:var(--text-lg);font-style:normal;font-weight:var(--display-weight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0;line-height:1.15}.deck-nav{align-items:center;gap:var(--space-3);flex:none;display:flex}.nav-link{min-height:36px;padding:0 var(--space-3);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-control);background:var(--color-deck-2);color:var(--color-deck-ink);font-size:var(--text-xs);white-space:nowrap;align-items:center;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--color-deck-3)}.nav-link:active{transform:translateY(1px)}.command-form{padding-top:var(--space-3)}.field-label{margin:0 0 var(--space-2);color:var(--color-deck-muted);font-size:var(--text-xs);font-weight:600;line-height:1.3;display:block}.search-row{gap:var(--space-2);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;display:grid}.color-well{width:44px;height:44px;padding:var(--space-1);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-control);outline-offset:1px;background:var(--color-deck-2);cursor:pointer;outline:2px solid #0000;place-items:center;display:inline-grid;position:relative}.color-well:hover{background:var(--color-deck-3)}.color-well:focus-within{outline:2px solid var(--color-deck-focus);outline-offset:1px}.color-picker-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.picker-swatch{border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-sm);background:var(--swatch,var(--color-accent));width:100%;height:100%;display:block}.input-wrap{align-items:center;min-width:0;display:flex;position:relative}.input{width:100%;min-width:0;height:44px;padding:0 var(--space-8) 0 var(--space-3);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-control);outline-offset:1px;background:var(--color-deck-2);color:var(--color-deck-ink);font-family:var(--font-mono);font-size:var(--text-md);outline:2px solid #0000;line-height:1.2}.input::placeholder{color:var(--color-deck-muted)}.input:hover{background:var(--color-deck-3)}.input:focus-visible{outline-color:var(--color-deck-focus);background:var(--color-deck-2)}.input:disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--color-deck-error)}.input[aria-invalid=true]:focus-visible{outline-color:var(--color-deck-error)}.input-shortcut{right:var(--space-2);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-sm);background:var(--color-deck);width:24px;height:24px;color:var(--color-deck-muted);font-size:var(--text-xs);pointer-events:none;place-items:center;line-height:1;display:inline-grid;position:absolute}.button{height:44px;padding:0 var(--space-4);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);outline-offset:1px;background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);outline:2px solid #0000;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.button:hover{background:var(--color-paper-2)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-deck-Secondary{border-color:var(--color-deck-rule);background:var(--color-deck-2);color:var(--color-deck-ink)}.button-deck-Secondary:hover{background:var(--color-deck-3)}.button-primary{border-color:var(--color-accent);background:var(--color-accent);min-width:108px;color:var(--color-accent-ink)}.button-primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button-busy,.button[data-loading=true] .button-label{display:none}.button[data-loading=true] .button-busy{display:inline}.button[data-loading=true]{cursor:progress}.button-quiet{height:36px;padding-inline:var(--space-3);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-xs)}.button-quiet:hover{background:var(--color-paper-2);color:var(--color-ink)}.button-quiet[data-state=success]{border-color:var(--color-success);color:var(--color-success)}.deck-subbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.examples{align-items:center;gap:var(--space-2);display:flex}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{height:32px;padding:0 var(--space-3);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-control);background:var(--color-deck-2);color:var(--color-deck-ink);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.chip:hover{background:var(--color-deck-3)}.chip:active{transform:translateY(1px)}.feedback-slot{min-height:var(--space-6);align-items:center;display:flex}.help{color:var(--color-deck-muted);font-size:var(--text-xs);margin:0}kbd{padding:0 var(--space-1);border:var(--rule) solid var(--color-deck-rule);border-radius:var(--radius-sm);background:var(--color-deck-2);color:var(--color-deck-ink);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.3;display:inline-block}.error{align-items:center;gap:var(--space-2);color:var(--color-deck-error);font-size:var(--text-xs);margin:0;font-weight:600;display:inline-flex}.error:before{content:"!";width:var(--space-4);height:var(--space-4);border:var(--rule) solid currentColor;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);flex:none;place-items:center;line-height:1;display:inline-grid}.workspace{padding-block:var(--space-6) var(--space-10)}.studio-grid{gap:var(--space-6);grid-template-columns:20rem minmax(0,1fr);align-items:start;display:grid}.pane-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}h2{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);font-style:normal;font-weight:var(--display-weight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0;line-height:1.2}.loupe-badge{padding:var(--space-1) var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.inspector-rail{top:var(--space-4);padding:var(--space-4);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-panel);background:var(--color-paper-2);box-shadow:0 2px 8px var(--color-shadow);position:sticky}.loupe-card{border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);overflow:hidden}.loupe-split{grid-template-columns:repeat(2,minmax(0,1fr));min-height:132px;display:grid}.loupe-half{padding:var(--space-2);background:var(--swatch,var(--color-swatch-fallback));align-items:flex-end;display:flex}.loupe-caption{gap:var(--space-1);width:100%;padding:var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);flex-direction:column;display:flex}.loupe-tag{color:var(--color-muted);font-size:var(--text-xs);font-weight:600;line-height:1.1}.loupe-code{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.loupe-hex{color:var(--color-muted);font-size:var(--text-xs);line-height:1.1}.loupe-seam-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:var(--rule) solid var(--color-rule);background:var(--color-paper);flex-wrap:wrap;display:flex}.seam-name{min-width:0;color:var(--color-ink-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tone-pill{width:-moz-fit-content;width:fit-content;padding:var(--space-1) var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;align-items:center;font-weight:600;line-height:1;display:inline-flex}.tone-exact{border-color:var(--color-exact);background:var(--color-exact-bg);color:var(--color-exact)}.tone-close{border-color:var(--color-close);background:var(--color-close-bg);color:var(--color-close)}.tone-warn{border-color:var(--color-warn);background:var(--color-warn-bg);color:var(--color-warn)}.tone-none{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}.coord-grid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coord-cell{align-items:flex-start;gap:var(--space-1);padding:var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);text-align:left;flex-direction:column;display:flex}.coord-cell:hover{background:var(--color-paper-3)}.coord-cell:active{transform:translateY(1px)}.coord-cell[data-state=success]{border-color:var(--color-success);background:var(--color-exact-bg)}.coord-label{color:var(--color-muted);font-size:var(--text-xs);font-weight:600;line-height:1.1}.coord-value{max-width:100%;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.tolerance-card{margin-top:var(--space-3);padding:var(--space-3);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper)}.tolerance-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.tolerance-title{color:var(--color-ink-2);font-size:var(--text-xs);font-weight:600}.tolerance-list{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tolerance-chip{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1) var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);white-space:nowrap;line-height:1;display:inline-flex}.tolerance-chip:hover{background:var(--color-paper-2)}.tolerance-chip:active{transform:translateY(1px)}.tolerance-chip.is-selected{outline:2px solid var(--color-focus);outline-offset:-2px}.tolerance-chip .swatch{border-radius:var(--radius-sm);width:10px;height:10px}.pin-short{font-weight:600}.pin-de{color:var(--color-muted);margin-left:auto}.tolerance-chip.tone-exact .pin-de{color:var(--color-exact)}.tolerance-chip.tone-close .pin-de{color:var(--color-close)}.tolerance-chip.tone-warn .pin-de{color:var(--color-warn)}.tolerance-chip.tone-none .pin-de{color:var(--color-error)}.results-pane{min-width:0}.results-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--rule) solid var(--color-rule);flex-wrap:wrap;display:flex}.status{max-width:70ch;margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.results-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-bar{gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-pill{height:28px;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;padding:0;font-weight:600;line-height:1;display:inline-flex}.filter-pill:hover{color:var(--color-ink)}.filter-pill:active{transform:translateY(1px)}.filter-pill.is-active{border-bottom-color:var(--color-accent);color:var(--color-ink)}.results-foot{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.thread-summary{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--rule) solid var(--color-rule);flex-wrap:wrap;display:flex}.thread-heading{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.thread-row{gap:var(--space-1);flex-wrap:wrap;display:flex}.thread-pick{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);white-space:nowrap;line-height:1.2;display:inline-flex}.thread-pick:hover{background:var(--color-paper-2)}.thread-pick:active{transform:translateY(1px)}.thread-swatch{border-radius:var(--radius-sm);width:12px;height:12px}.thread-name{color:var(--color-muted)}.thread-code{font-weight:600}.thread-de{color:var(--color-ink-2)}.result-table{border-collapse:collapse;table-layout:fixed;width:100%}.result-table th{padding:var(--space-2);border-bottom:var(--rule) solid var(--color-rule-2);color:var(--color-muted);font-size:var(--text-xs);text-align:left;white-space:nowrap;font-weight:600}.result-table th:first-child{width:19%}.result-table th:nth-child(2){width:10%}.result-table th:nth-child(3){width:35%}.result-table th:nth-child(4){width:12%}.result-table th:nth-child(5){width:14%}.result-table th:nth-child(6){width:10%}.result-table td{padding:var(--space-2);border-bottom:var(--rule) solid var(--color-rule);vertical-align:top;font-size:var(--text-sm)}.result-row{transition:background-color var(--dur-fast) var(--ease-out)}.result-row:hover,.result-row.is-inspected{background:var(--color-paper-2)}.is-none{color:var(--color-muted)}.system-label{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;line-height:1.25;display:block}.system-subline{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.system-short{padding:0 var(--space-1);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-xs)}.system-prov{color:var(--color-muted);font-size:var(--text-xs)}.code-badge{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;display:inline-block}.cell-match{min-width:0}.row-title{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:600;line-height:1.3;display:flex}.row-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dual-swatch{border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);flex:none;grid-template-columns:repeat(2,1fr);width:28px;height:20px;display:inline-grid;overflow:hidden}.dual-half{background:var(--swatch,var(--color-swatch-fallback));width:100%;height:100%;display:block}.row-note{width:-moz-fit-content;width:fit-content;margin-top:var(--space-1);padding:0 var(--space-2);border:var(--rule) solid var(--color-warn);border-radius:var(--radius-sm);background:var(--color-warn-bg);color:var(--color-warn);font-size:var(--text-xs);font-weight:600;display:inline-block}.row-values{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);line-height:1.4;display:block}.cell-hex{font-weight:600;font-size:var(--text-xs)!important}.de-value{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:600;line-height:1.1;display:block}.swatch{border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--swatch,var(--color-swatch-fallback));flex:none;width:20px;height:20px;display:inline-block}.swatch-row{width:20px;height:20px}.swatch-xs{width:14px;height:14px}.copy-button{min-width:64px;height:36px;padding:0 var(--space-2);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.copy-button:hover{background:var(--color-paper-3);color:var(--color-ink)}.copy-button:active{transform:translateY(1px)}.copy-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.copy-button[data-state=success]{border-color:var(--color-success);background:var(--color-exact-bg);color:var(--color-success)}.cell-match .nearest{margin-top:var(--space-2)}.nearest-summary{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-xs);white-space:nowrap;font-weight:600;line-height:1;list-style:none;display:inline-flex}.nearest-summary::-webkit-details-marker{display:none}.nearest-summary:before{content:"+";font-family:var(--font-mono);font-weight:600}.nearest[open] .nearest-summary:before{content:"−"}.nearest-summary:hover{border-color:var(--color-rule-2);background:var(--color-paper-3)}.nearest-list{gap:var(--space-1);margin:var(--space-2) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.nearest-pick{gap:var(--space-2);width:100%;min-height:32px;padding:var(--space-1) var(--space-2);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);text-align:left;grid-template-columns:16px 56px minmax(0,1fr) 68px 64px;align-items:center;display:grid}.nearest-pick:hover{border-color:var(--color-rule-2);background:var(--color-paper-2)}.nearest-pick:active,.candidate:active,.starter-card:active,.nearest-summary:active,.reference-block summary:active{transform:translateY(1px)}.nearest-code{font-weight:600}.nearest-name{color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nearest-hex,.nearest-de{color:var(--color-muted);text-align:right}.candidates{padding-top:var(--space-3)}.candidates-heading{margin:0 0 var(--space-2);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}.candidate-list{border-top:var(--rule) solid var(--color-rule);margin:0;padding:0;list-style:none}.candidate{gap:var(--space-2);width:100%;min-height:40px;padding:var(--space-2);border:0;border-bottom:var(--rule) solid var(--color-rule);color:var(--color-ink);font-size:var(--text-sm);text-align:left;background:0 0;grid-template-columns:20px 44px 64px minmax(0,1fr) 82px;align-items:center;display:grid}.candidate:hover{background:var(--color-paper-2)}.candidate-system,.candidate-hex{color:var(--color-muted);font-size:var(--text-xs)}.candidate-code{font-size:var(--text-xs);font-weight:600}.candidate-hex{text-align:right}.candidate-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-inspector{padding:var(--space-4);border:var(--rule) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper)}.empty-text{color:var(--color-muted);font-size:var(--text-xs);margin:0}.empty-workbench{padding-top:var(--space-3)}.empty-heading{color:var(--color-ink);font-size:var(--text-md);margin:0;font-weight:600}.empty-sub{margin:var(--space-1) 0 var(--space-4);color:var(--color-muted);font-size:var(--text-xs)}.starter-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.starter-card{align-items:flex-start;gap:var(--space-1);padding:var(--space-3);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);text-align:left;flex-direction:column;display:flex}.starter-card:hover{background:var(--color-paper-3)}.starter-swatch{width:100%;height:40px;margin-bottom:var(--space-1)}.starter-code{font-size:var(--text-sm);font-weight:600}.starter-sub{color:var(--color-muted);font-size:var(--text-xs)}.starter-hex{color:var(--color-ink-2);font-size:var(--text-xs)}.skeleton-wrap{padding-top:var(--space-3)}.skeleton-row{gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:var(--rule) solid var(--color-rule);grid-template-columns:45% 25% 20%;display:grid}.skeleton{border-radius:var(--radius-sm);background:var(--color-paper-3);width:100%;height:12px;display:block}.skeleton-wide{width:85%}.skeleton-short{width:55%}.data-error{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--rule) solid var(--color-error);border-radius:var(--radius-control);background:var(--color-error-bg);flex-wrap:wrap;display:flex}.error-title{color:var(--color-error);margin:0;font-weight:600}.error-detail{color:var(--color-ink-2);font-size:var(--text-sm);margin:0}.data-error .button{margin-left:auto}.reference-strip{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reference-block{padding:var(--space-3) var(--space-4);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-panel);background:var(--color-paper-2)}.reference-block summary{color:var(--color-ink);cursor:pointer;font-size:var(--text-sm);font-weight:600}.reference-body{max-width:70ch;padding-top:var(--space-3);color:var(--color-ink-2);font-size:var(--text-xs)}.reference-body p{margin:0 0 var(--space-3)}.bands{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.bands div{align-items:baseline;gap:var(--space-2);display:flex}.bands dt{min-width:4.5em;color:var(--color-ink);font-size:var(--text-xs);font-weight:600}.bands dd{color:var(--color-muted);font-size:var(--text-xs);margin:0}.library-list{gap:var(--space-1);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.library-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:var(--rule) solid var(--color-rule);flex-wrap:wrap;display:flex}.library-name{align-items:baseline;gap:var(--space-2);display:inline-flex}.library-title{color:var(--color-ink);font-weight:600}.library-id,.library-source{color:var(--color-muted)}.library-count{color:var(--color-ink-2);font-weight:600}.site-footer{padding-block:var(--space-5);border-top:var(--rule) solid var(--color-rule-2);background:var(--color-paper-2)}.footer-row{align-items:center;gap:var(--space-4);display:flex}.footer-row img{flex:none;width:auto;height:20px}.foot-note{max-width:65ch;color:var(--color-muted);font-size:var(--text-xs);margin:0}.foot-meta{color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap;margin:0 0 0 auto}@media (max-width:68rem){.studio-grid{grid-template-columns:minmax(0,1fr)}.inspector-rail{position:static}.reference-strip{grid-template-columns:minmax(0,1fr)}}@media (max-width:56rem){.result-table,.result-table tbody,.result-table tr,.result-table td{width:100%;display:block}.result-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.result-row{padding-block:var(--space-2);border-bottom:var(--rule) solid var(--color-rule-2);grid-template-columns:minmax(0,1fr);display:grid}.result-table td{gap:var(--space-2);padding:var(--space-1) 0;border-bottom:0;grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;display:grid}.result-table td:before{content:attr(data-label);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);grid-column:1;font-weight:600}.result-table td>*{grid-column:2}.cell-copy .copy-button{width:-moz-fit-content;width:fit-content}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:42rem){.shell{padding-inline:var(--space-4)}.deck-top{align-items:flex-start}.brand-group{align-items:flex-start;gap:var(--space-1);flex-direction:column}.deck-title{font-size:var(--text-md);border-left:0;padding-left:0}.search-row{grid-template-columns:44px minmax(0,1fr)}.button-deck-Secondary,.button-primary{grid-column:span 1;width:100%}.results-head{flex-direction:column}.results-tools,.results-foot{width:100%}.results-foot .button{flex:1}.bands{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-grid{grid-template-columns:minmax(0,1fr)}.nearest-pick{grid-template-columns:16px 48px minmax(0,1fr) 56px}.nearest-hex{display:none}.footer-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.foot-meta{white-space:normal;margin-left:0}}@media (pointer:coarse){.copy-button,.chip,.filter-pill,.tolerance-chip{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.button:active,.chip:active,.coord-cell:active,.copy-button:active{transform:none}}@media (forced-colors:active){.swatch,.dual-swatch,.input,.button,.chip,.copy-button,.coord-cell,.tolerance-chip{border:1px solid canvastext}.button-primary{forced-color-adjust:none;color:highlighttext;background:highlight}}