:root{--color-paper:oklch(97.5% .006 250);--color-paper-2:oklch(94.5% .009 250);--color-paper-3:oklch(91% .012 250);--color-surface:oklch(99% .004 250);--color-ink:oklch(17% .014 258);--color-ink-2:oklch(29% .016 258);--color-neutral:oklch(44% .014 258);--color-muted:oklch(38% .013 258);--color-rule:oklch(84% .012 250);--color-rule-strong:oklch(68% .018 250);--color-graphite:oklch(16% .014 258);--color-graphite-2:oklch(21% .017 258);--color-graphite-ink:oklch(95% .008 250);--color-graphite-muted:oklch(76% .012 250);--color-signal:oklch(55% .2 256);--color-signal-ink:oklch(98% .005 250);--color-accent:var(--color-signal);--color-accent-ink:var(--color-signal-ink);--color-focus:oklch(54% .2 256);--color-error:oklch(46% .17 26);--color-error-soft:oklch(94% .025 26);--color-success:oklch(42% .12 151);--color-success-soft:oklch(94% .025 151);--color-backdrop:oklch(12% .012 258/.72);--color-transparent:transparent;--color-paint:oklch(62% .1 255);--color-paint-ink:var(--color-graphite-ink);--color-paint-field-dark-ink:oklch(10% .008 258);--color-paint-field-light-ink:oklch(99% .004 250);--color-paint-wash:color-mix(in oklch, var(--color-paint) 13%, var(--color-paper));--color-paint-rule:color-mix(in oklch, var(--color-paint) 42%, var(--color-rule));--color-selection:color-mix(in oklch, var(--color-paint) 24%, var(--color-paper));--font-display:"Unbounded", ui-sans-serif, system-ui, sans-serif;--font-body:"Lexend", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Lucida Console", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.375rem;--text-display:clamp(2.5rem, 6vw + .5rem, 4.75rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-round:999px;--rule-thin:1px;--rule-strong:2px;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--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);--shadow-whisper:0 1px 2px oklch(20% .01 258/.06);--shadow-dialog:0 24px 80px oklch(12% .012 258/.24);--page-max:96rem;--page-gutter:clamp(1rem, 4vw, 3rem);--header-height:3.75rem;--control-height:2.75rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-paper);color:var(--color-ink-2);overflow-x:clip}html{scroll-behavior:auto;min-width:20rem}body{min-width:20rem;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);margin:0;line-height:1.55}body,button,input,select,textarea{font-family:var(--font-body)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:var(--color-transparent)}button,a{white-space:nowrap}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{color:var(--color-ink);overflow-wrap:anywhere;min-width:0;font-style:normal}h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.045em;font-weight:800;line-height:.98}h2{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.025em;font-weight:600;line-height:1.15}h3{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.015em;font-weight:600;line-height:1.2}::selection{background-color:var(--color-selection);color:var(--color-ink)}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.app-shell{background-color:var(--color-paper);min-height:100dvh;color:var(--color-ink-2);flex-direction:column;display:flex}.app-header{z-index:var(--z-sticky);background-color:color-mix(in oklch, var(--color-paper) 94%, var(--color-transparent));border-block-end:var(--rule-thin) solid var(--color-rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-start:0}.app-header__inner{width:min(100%, var(--page-max));min-height:var(--header-height);padding-inline:var(--page-gutter);align-items:center;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;margin-inline:auto;display:grid}.wordmark{min-height:var(--control-height);align-items:center;gap:var(--space-sm);width:fit-content;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:-.02em;font-weight:800;display:inline-flex}.wordmark__signal{width:var(--space-sm);height:var(--space-sm);background-color:var(--color-paint);border:var(--rule-thin) solid color-mix(in oklch, var(--color-paint) 70%, var(--color-ink));border-radius:var(--radius-xs);flex:none}.primary-nav{display:none}.primary-nav__link{min-height:var(--control-height);padding-inline:var(--space-md);color:var(--color-neutral);font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex;position:relative}.primary-nav__link:after{content:"";inset-inline:var(--space-md);height:var(--rule-strong);background-color:var(--color-paint);opacity:0;transform-origin:50%;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-short) var(--ease-out);position:absolute;inset-block-end:0;transform:scaleX(.35)}.primary-nav__link[aria-current=page]{color:var(--color-ink)}.primary-nav__link[aria-current=page]:after{opacity:1;transform:scaleX(1)}.app-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-xs);display:flex}.command-trigger,.mobile-menu-trigger,.icon-button,.button,.copy-button,.filter-button,.finish-tab,.compare-swap,.native-color-control,.match-row__select,.command-result{min-height:var(--control-height);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out)}.command-trigger,.mobile-menu-trigger,.icon-button,.button,.copy-button,.filter-button,.finish-tab,.compare-swap,.native-color-control{padding-inline:var(--space-md);justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;display:inline-flex}.command-trigger kbd{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;display:none}.mobile-nav{padding:var(--space-xs) var(--page-gutter) var(--space-md);background-color:var(--color-paper);border-block-start:var(--rule-thin) solid var(--color-rule)}.mobile-nav[data-open=false]{display:none}.mobile-nav__link{min-height:3.75rem;padding-block:var(--space-sm);align-items:center;gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.mobile-nav__link>span:first-child{color:var(--color-ink);font-family:var(--font-body);font-weight:600}.mobile-nav__link>span:last-child{color:var(--color-muted);font-size:var(--text-sm)}.mobile-nav__link[aria-current=page]>span:first-child:before{content:"";width:var(--space-xs);height:var(--space-xs);background-color:var(--color-paint);border-radius:var(--radius-xs);margin-inline-end:var(--space-sm);display:inline-block}.app-main{flex:1}.app-footer{padding-inline:var(--page-gutter);margin-block-start:auto}.app-footer__inner{width:min(100%, var(--page-max));padding-block:var(--space-lg);gap:var(--space-xs);border-block-start:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;margin-inline:auto;display:flex}.view{width:min(100%, var(--page-max));padding:var(--space-xl) var(--page-gutter) var(--space-3xl);margin-inline:auto}.reveal{opacity:0;transform:translateY(var(--space-xs));animation:reveal-in var(--dur-long) var(--ease-out) forwards}.reveal:nth-child(2){animation-delay:60ms}@keyframes reveal-in{to{opacity:1;transform:translateY(0)}}.view-intro,.lab-intro{gap:var(--space-lg);padding-block:var(--space-lg) var(--space-2xl);display:grid}.view-intro>div:first-child,.lab-intro__identity{gap:var(--space-lg);display:grid}.lab-intro__identity{gap:var(--space-md)}.view-intro p,.lab-intro p{max-width:62ch;color:var(--color-neutral);font-size:var(--text-base)}.view-intro__metric{place-self:end start;gap:var(--space-2xs);font-variant-numeric:tabular-nums;display:grid}.view-intro__metric strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;line-height:1}.view-intro__metric span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.field-group{gap:var(--space-xs);min-width:0;display:grid}.field-label{color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.text-input,.select-input{width:100%;min-width:0;min-height:var(--control-height);padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);outline:var(--rule-strong) solid var(--color-transparent);outline-offset:var(--rule-thin);background-color:var(--color-surface);color:var(--color-ink);font-size:var(--text-base)}.text-input::placeholder{color:var(--color-muted)}.text-input:hover:not(:disabled),.select-input:hover:not(:disabled),.text-input:active:not(:disabled),.select-input:active:not(:disabled){border-color:var(--color-ink-2)}.text-input:focus-visible,.select-input:focus-visible{outline-color:var(--color-focus)}.text-input[aria-invalid=true]{border-color:var(--color-error);background-color:var(--color-error-soft)}.text-input:disabled,.select-input:disabled{border-color:var(--color-rule);background-color:var(--color-paper-3);color:var(--color-muted);opacity:.5;cursor:not-allowed}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}.field-helper{min-height:1lh;color:var(--color-muted);font-size:var(--text-sm)}.field-helper[data-error=true]{color:var(--color-error)}.button--primary{background-color:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.button--secondary{background-color:var(--color-transparent);border-color:var(--color-rule-strong);color:var(--color-ink)}.copy-button{min-height:2rem;padding-inline:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.copy-button[data-state=loading]{opacity:.65}.copy-button[data-state=success]{border-color:var(--color-success);background-color:var(--color-success-soft);color:var(--color-success)}.copy-button[data-state=error]{border-color:var(--color-error);background-color:var(--color-error-soft);color:var(--color-error)}.paint-field{background-color:var(--paint-field,var(--color-paint));color:var(--paint-field-ink,var(--color-paint-ink))}.lab-intro__status{place-self:end start;align-items:center;gap:var(--space-sm);width:fit-content;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;display:flex}.status-dot{width:var(--space-sm);height:var(--space-sm);background-color:var(--color-paint);border:var(--rule-thin) solid var(--color-ink);border-radius:var(--radius-xs);flex:none}.lab-workbench{gap:var(--space-xl);padding-block-end:var(--space-3xl);display:grid}.lab-color-stage{gap:var(--space-lg);min-width:0;display:grid}.lab-color-preview{min-height:clamp(18rem,74vw,34rem);padding:var(--space-md);border:var(--rule-thin) solid color-mix(in oklch, var(--paint-field) 72%, var(--color-ink));border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;display:flex}.lab-color-preview__topline,.lab-color-preview__value{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.lab-color-preview__topline{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.lab-color-preview .copy-button,.finish-preview__field .copy-button{background-color:color-mix(in oklch, currentColor 8%, var(--color-transparent));color:currentColor;border-color:currentColor}.hex-control{padding-block:var(--space-lg);border-block:var(--rule-thin) solid var(--color-rule)}.hex-input-row{align-items:center;gap:var(--space-xs);grid-template-columns:auto minmax(0,1fr);display:grid}.hex-input-prefix{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-lg)}.hex-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase}.native-color-control{grid-column:1/-1;width:100%;position:relative;overflow:clip}.native-color-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.analysis-panel{align-self:start;gap:var(--space-lg);min-width:0;display:grid}.analysis-panel__heading{gap:var(--space-xs);display:grid}.analysis-panel__heading p{color:var(--color-muted);font-size:var(--text-sm)}.value-group{gap:var(--space-xs);border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-md);display:grid}.value-group__heading{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block-end:var(--space-xs);display:flex}.value-group--dark{padding:var(--space-md);background-color:var(--color-graphite);border-color:var(--color-graphite-2);border-radius:var(--radius-md);color:var(--color-graphite-ink)}.value-group--dark .copy-button{background-color:var(--color-graphite-2);border-color:var(--color-graphite-muted);color:var(--color-graphite-ink)}.value-row{min-height:var(--control-height);align-items:center;gap:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.value-row>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em}.value-row strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.matches-section{padding-block:var(--space-2xl) var(--space-3xl);border-block-start:var(--rule-thin) solid var(--color-rule)}.section-heading{gap:var(--space-lg);margin-block-end:var(--space-xl);display:grid}.section-heading>div{gap:var(--space-sm);display:grid}.section-heading p{max-width:62ch;color:var(--color-muted)}.section-heading>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;align-self:end}.match-list{border-block-start:var(--rule-thin) solid var(--color-rule)}.match-row{padding-block:var(--space-sm);align-items:center;gap:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.match-row__select{align-items:center;gap:var(--space-sm);border-color:var(--color-transparent);background-color:var(--color-transparent);text-align:start;grid-template-columns:3rem auto minmax(0,1fr) auto;min-width:0;padding:0;display:grid}.match-row__swatch{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);width:3rem;height:3rem}.match-row__rank,.match-row__hex,.match-row__distance{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.match-row__rank,.match-row__hex{color:var(--color-muted)}.match-row__identity{gap:var(--space-3xs);min-width:0;display:grid}.match-row__identity strong{color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-row__identity span{color:var(--color-muted);font-size:var(--text-xs)}.match-row__hex{display:none}.match-row__distance{justify-items:end;gap:var(--space-3xs);display:grid}.match-row__distance small{color:var(--color-muted);font-size:var(--text-xs)}.match-row__distance strong{color:var(--color-ink)}.finish-section{margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-2xl) var(--page-gutter) var(--space-3xl);background-color:var(--color-graphite);color:var(--color-graphite-ink)}.section-heading--light h2,.finish-section .value-row strong{color:var(--color-graphite-ink)}.section-heading--light p,.section-heading--light>span,.finish-section .value-row>span{color:var(--color-graphite-muted)}.finish-workbench{gap:var(--space-xl);display:grid}.finish-preview{border:var(--rule-thin) solid var(--color-graphite-2);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:24rem;display:grid;overflow:clip}.finish-preview__field{min-width:0;padding:var(--space-md);flex-direction:column;justify-content:space-between;display:flex}.finish-preview__field+.finish-preview__field{border-inline-start:var(--rule-thin) solid var(--color-graphite)}.finish-preview__field span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.finish-preview__field strong{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600}.finish-controls{align-content:start;gap:var(--space-lg);min-width:0;display:grid}.finish-tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.finish-tab{background-color:var(--color-graphite-2);border-color:var(--color-graphite-muted);color:var(--color-graphite-ink)}.finish-tab[aria-pressed=true]{background-color:var(--color-paint);border-color:var(--color-paint);color:var(--color-paint-ink)}.finish-description{max-width:58ch;color:var(--color-graphite-muted)}.finish-values{border-block-start:var(--rule-thin) solid var(--color-graphite-2)}.finish-values .value-row{border-color:var(--color-graphite-2)}.finish-values .copy-button{background-color:var(--color-graphite-2);border-color:var(--color-graphite-muted);color:var(--color-graphite-ink)}.library-controls{padding-block:var(--space-lg);gap:var(--space-lg);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.brand-filters{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-button{background-color:var(--color-transparent);color:var(--color-muted)}.filter-button[aria-pressed=true]{background-color:var(--color-paint-wash);border-color:var(--color-paint-rule);color:var(--color-ink)}.library-result-count{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em}.paint-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-xl);display:grid}.paint-card{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background-color:var(--color-surface);grid-template-rows:11rem auto;min-width:0;display:grid;overflow:clip}.paint-card__swatch{padding:var(--space-md);justify-content:flex-end;align-items:flex-end;display:flex}.paint-card__swatch>span{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.paint-card__body{min-width:0;padding:var(--space-md);gap:var(--space-lg);display:grid}.paint-card__identity{gap:var(--space-2xs);min-width:0;display:grid}.paint-card__identity>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em}.paint-card__identity h2{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-card__values{border-block:var(--rule-thin) solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.paint-card__values>div{padding-block:var(--space-xs);gap:var(--space-2xs);display:grid}.paint-card__values dt{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.paint-card__values dd{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.paint-card__actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.empty-state{padding:var(--space-xl);justify-items:start;gap:var(--space-md);border:var(--rule-thin) solid var(--color-rule);background-color:var(--color-surface);margin-block-start:var(--space-xl);display:grid}.empty-state p{max-width:52ch;color:var(--color-muted)}.compare-selectors{padding-block:var(--space-lg);gap:var(--space-md);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.compare-swap{align-self:end}.compare-grid{padding-block:var(--space-xl);gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.compare-panel{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background-color:var(--color-surface);min-width:0;overflow:clip}.compare-panel__field{min-height:clamp(14rem,58vw,24rem);padding:var(--space-md);flex-direction:column;justify-content:space-between;display:flex}.compare-panel__field span,.compare-panel__field strong{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.compare-panel__field strong{font-size:var(--text-lg);letter-spacing:-.02em}.compare-panel__body{padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.compare-panel__body>div{gap:var(--space-2xs);min-width:0;display:grid}.compare-panel__body>div>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em}.compare-specs{padding-inline:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule)}.compare-specs>div{min-height:var(--control-height);align-items:center;gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.compare-specs>div:last-child{border-block-end:0}.compare-specs dt,.compare-specs dd{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.compare-specs dt{color:var(--color-muted)}.compare-specs dd{color:var(--color-ink);text-align:end}.comparison-result{padding-block:var(--space-xl);gap:var(--space-xl);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.comparison-result>div:first-child{gap:var(--space-sm);display:grid}.comparison-result p{max-width:60ch;color:var(--color-muted)}.comparison-result__value{gap:var(--space-2xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:grid}.comparison-result__value span{color:var(--color-muted);font-size:var(--text-xs)}.comparison-result__value strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-display);font-weight:600;line-height:1}.comparison-result__actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.method-row{padding-block:var(--space-xl);gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.method-row>span{color:var(--color-paint);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.method-row p{max-width:66ch;color:var(--color-neutral)}.method-notes{padding:var(--space-xl);gap:var(--space-xl);background-color:var(--color-graphite);color:var(--color-graphite-ink);border-radius:var(--radius-lg);margin-block-start:var(--space-3xl);display:grid}.method-notes h2,.method-specs dd{color:var(--color-graphite-ink)}.method-notes p{max-width:62ch;color:var(--color-graphite-muted);margin-block-start:var(--space-sm)}.method-specs{border-block-start:var(--rule-thin) solid var(--color-graphite-2)}.method-specs>div{padding-block:var(--space-sm);gap:var(--space-2xs);border-block-end:var(--rule-thin) solid var(--color-graphite-2);display:grid}.method-specs dt,.method-specs dd{font-family:var(--font-mono);font-size:var(--text-xs)}.method-specs dt{color:var(--color-graphite-muted)}.method-caveat{padding-block:var(--space-3xl) var(--space-xl);gap:var(--space-md);display:grid}.method-caveat p{max-width:72ch;color:var(--color-neutral)}.command-dialog{width:min(calc(100% - (var(--space-md) * 2)), 42rem);background-color:var(--color-transparent);max-height:min(80dvh,42rem);color:var(--color-ink-2);border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.command-dialog::backdrop{background-color:var(--color-backdrop)}.command-dialog__surface{padding:var(--space-md);gap:var(--space-md);background-color:var(--color-paper);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);display:grid}.command-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.command-dialog__header>div{gap:var(--space-2xs);display:grid}.command-dialog__header p,.command-dialog__hint{color:var(--color-muted);font-size:var(--text-sm)}.command-dialog__hint{font-family:var(--font-mono);font-size:var(--text-xs)}.command-results{border-block-start:var(--rule-thin) solid var(--color-rule);max-height:22rem;overflow-y:auto}.command-result{width:100%;min-width:0;min-height:3.5rem;padding-inline:var(--space-sm);align-items:center;gap:var(--space-md);border-width:0 0 var(--rule-thin);border-color:var(--color-rule);text-align:start;border-radius:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.command-result[aria-selected=true]{background-color:var(--color-paint-wash)}.command-result>span:first-child{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.command-result>span:last-child{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.command-results__empty{padding-block:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}@media (hover:hover) and (pointer:fine){.command-trigger:hover,.mobile-menu-trigger:hover,.icon-button:hover,.button:hover,.copy-button:hover,.filter-button:hover,.finish-tab:hover,.compare-swap:hover,.native-color-control:hover,.match-row__select:hover,.command-result:hover{transform:translateY(-1px)}.primary-nav__link:hover,.wordmark:hover{color:var(--color-ink)}.paint-card:hover{border-color:var(--color-rule-strong)}}.command-trigger:active,.mobile-menu-trigger:active,.icon-button:active,.button:active,.copy-button:active,.filter-button:active,.finish-tab:active,.compare-swap:active,.native-color-control:active,.match-row__select:active,.command-result:active{transform:translateY(1px)}@media (width>=40rem){.view{padding-block-start:var(--space-2xl)}.hex-input-row{grid-template-columns:auto minmax(0,1fr) auto}.native-color-control{grid-column:auto;width:auto}.match-row__select{gap:var(--space-md);grid-template-columns:3rem auto minmax(0,1fr) auto auto}.match-row__hex{display:block}.paint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-selectors{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-result{grid-template-columns:minmax(0,1.5fr) auto;align-items:end}.comparison-result__actions{grid-column:1/-1}.method-row{align-items:start;gap:var(--space-xl);grid-template-columns:auto minmax(12rem,.65fr) minmax(0,1.35fr)}.method-notes{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}.app-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=60rem){.app-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.primary-nav{justify-self:center;align-items:center;display:flex}.mobile-menu-trigger,.mobile-nav{display:none}.command-trigger kbd{display:inline}.lab-workbench{grid-template-columns:minmax(0,1.45fr) minmax(20rem,.55fr);align-items:start}.lab-color-preview{min-height:clamp(18rem,100dvh - 32rem,34rem)}.analysis-panel{position:sticky;inset-block-start:calc(var(--header-height) + var(--space-lg))}.finish-workbench{grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);align-items:start}.paint-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=90rem){.paint-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (pointer:coarse){.text-input,.select-input,.command-trigger,.mobile-menu-trigger,.icon-button,.button,.filter-button,.finish-tab,.compare-swap,.native-color-control{min-height:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}}.app-header__inner{gap:var(--space-xs)}.wordmark{min-height:var(--control-height);font-size:var(--text-sm)}.command-trigger,.mobile-menu-trigger{padding-inline:var(--space-sm)}.mobile-menu-trigger{min-width:auto}.mobile-nav{padding-block-start:var(--space-2xs)}.mobile-nav__link{min-height:3.25rem}.view{padding-block:var(--space-lg) var(--space-2xl)}.view-intro,.lab-intro{gap:var(--space-md);padding-block:var(--space-xs) var(--space-xl)}.view-intro>div:first-child,.lab-intro__identity{gap:var(--space-xs)}.view-intro p,.lab-intro p{color:var(--color-neutral)}.view-intro__metric{align-items:baseline;gap:var(--space-sm);display:flex}.view-intro__metric strong{font-size:var(--text-lg)}.copy-button{min-width:var(--control-height);min-height:var(--control-height);padding-inline:var(--space-xs);border-color:var(--color-transparent);background-color:var(--color-transparent);color:var(--color-ink-2);font-family:var(--font-mono);font-weight:500}.lab-workbench{gap:var(--space-lg);padding-block-end:var(--space-2xl)}.lab-color-stage{gap:var(--space-md)}.lab-color-preview{min-height:16rem;padding:var(--space-md);border-radius:var(--radius-md)}.lab-color-preview__topline{align-items:flex-start}.lab-color-preview__identity{gap:var(--space-2xs);text-transform:none;min-width:0;display:grid}.lab-color-preview__identity>span,.lab-color-preview__confidence{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.lab-color-preview__identity>strong{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-color-preview__confidence{padding:var(--space-2xs) var(--space-xs);border:var(--rule-thin) solid currentColor;border-radius:var(--radius-xs)}.lab-color-preview__value>span{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:600}.lab-color-preview .copy-button,.finish-preview__field .copy-button,.compare-panel__field .copy-button{background-color:var(--color-transparent);border-color:currentColor}.hex-control{padding-block:var(--space-md)}.hex-input-row{grid-template-columns:auto minmax(0,1fr) auto}.hex-input{border-radius:var(--radius-sm);background-color:var(--color-transparent);font-weight:500}.native-color-control{width:auto;padding-inline:var(--space-sm);background-color:var(--color-transparent);grid-column:auto}.field-helper{font-size:var(--text-xs);line-height:1.4}.analysis-panel{margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-lg) var(--page-gutter);gap:var(--space-lg);background-color:var(--color-paper-2);border-block:var(--rule-thin) solid var(--color-rule)}.analysis-panel__heading{gap:var(--space-2xs);border-block-end:var(--rule-strong) solid var(--color-ink);padding-block-end:var(--space-sm)}.analysis-panel__heading p{max-width:48ch}.value-group,.value-group--dark{border-block-start:var(--rule-thin) solid var(--color-rule-strong);background-color:var(--color-transparent);color:var(--color-ink-2);border-radius:0;gap:0;padding:0}.value-group--dark{border-block-start:var(--rule-strong) solid var(--color-paint)}.value-group__heading{min-height:var(--control-height);padding-block:var(--space-2xs)}.value-group__heading h3{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.value-group--dark h3,.value-group--dark .value-row strong{color:var(--color-ink)}.value-group--dark .value-row,.value-group--dark .value-row>span{border-color:var(--color-rule);color:var(--color-muted)}.value-group--dark .copy-button,.finish-values .copy-button{border-color:var(--color-transparent);background-color:var(--color-transparent);color:inherit}.value-row{gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;min-height:3rem}.value-row>span{font-family:var(--font-mono);font-weight:500}.value-row strong{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.035em;font-weight:500}.matches-section{padding-block:var(--space-xl) var(--space-2xl)}.section-heading{gap:var(--space-md);margin-block-end:var(--space-lg)}.section-heading>div{gap:var(--space-xs)}.match-row{padding-block:var(--space-xs)}.match-row__select{border-radius:var(--radius-sm)}.match-row__identity strong{font-family:var(--font-body)}.finish-section{padding-block:var(--space-xl) var(--space-2xl)}.finish-preview{border-radius:var(--radius-md);min-height:18rem}.finish-preview__field strong{font-family:var(--font-mono);letter-spacing:-.03em}.finish-tabs{gap:var(--space-2xs)}.finish-tab{background-color:var(--color-transparent)}.finish-values__heading{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-graphite-2);color:var(--color-graphite-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;display:flex}.brand-filters{gap:var(--space-2xs);scrollbar-width:thin;flex-wrap:nowrap;padding-block-end:var(--space-2xs);overflow-x:auto}.filter-button{background-color:var(--color-transparent);border-color:var(--color-rule)}.paint-grid{gap:var(--space-xl) var(--space-md);padding-block-start:var(--space-lg)}.paint-card{gap:var(--space-sm);background-color:var(--color-transparent);border:0;border-radius:0;grid-template-rows:16rem auto;overflow:visible}.paint-card__swatch{padding:var(--space-md);border:var(--rule-thin) solid color-mix(in oklch, var(--paint-field) 72%, var(--color-ink));border-radius:var(--radius-sm);justify-content:space-between;align-items:stretch}.paint-card__swatch-meta{gap:var(--space-2xs);min-width:0;display:grid}.paint-card__swatch-meta>span,.paint-card__hex{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:500}.paint-card__swatch-meta h2{color:inherit;font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-card__hex{font-size:var(--text-sm);letter-spacing:0;align-self:flex-end}.paint-card__body{gap:var(--space-xs);padding:0}.paint-card__values{border-block:0;display:block}.paint-card__values>div{padding-block:var(--space-xs);justify-content:space-between;align-items:baseline;gap:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);display:flex}.paint-card__values dt,.paint-card__values dd{font-family:var(--font-mono);font-size:var(--text-xs)}.paint-card .button--primary{border-color:var(--color-transparent);background-color:var(--color-transparent);color:var(--color-ink);padding-inline:0}.compare-view .view-intro{padding-block-end:var(--space-lg)}.compare-selectors{padding-block:var(--space-sm);gap:var(--space-sm);border-color:var(--color-rule)}.compare-selectors .select-input{background-color:var(--color-transparent)}.compare-swap{width:fit-content;padding-inline:var(--space-sm);background-color:var(--color-transparent)}.compare-selector-center{align-items:center;gap:var(--space-sm);display:flex}.compare-selector-delta{gap:var(--space-3xs);min-width:4.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:grid}.compare-selector-delta span{color:var(--color-muted);font-size:var(--text-xs)}.compare-selector-delta strong{color:var(--color-ink);font-size:var(--text-lg);letter-spacing:-.04em;font-weight:500}.compare-grid{padding-block:var(--space-lg) 0;gap:var(--space-xs)}.compare-panel{background-color:var(--color-transparent);border:0;border-radius:0;overflow:visible}.compare-panel__field{border:var(--rule-thin) solid color-mix(in oklch, var(--paint-field) 72%, var(--color-ink));border-radius:var(--radius-sm);min-height:19rem}.compare-panel__field-identity{gap:var(--space-2xs);min-width:0;display:grid}.compare-panel__field-identity>span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase}.compare-panel__field-identity h2{color:inherit;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-panel__field-value{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.compare-panel__field-value strong{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.03em}.compare-specs{padding-inline:0}.compare-specs>div{min-height:2.75rem}.comparison-result{padding-block:var(--space-lg);gap:var(--space-lg);background-color:var(--color-paper-2);margin-block-start:var(--space-xl)}.comparison-result__value{align-content:end}.comparison-result__value strong{font-size:var(--text-display);letter-spacing:-.06em}.comparison-result__actions .button{background-color:var(--color-transparent)}.method-flow{padding-block:var(--space-md);align-items:center;gap:var(--space-xs);border-block:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;font-weight:500;display:flex}.method-flow__arrow{color:var(--color-paint)}.method-list{border-block-start:0}.method-row{padding-block:var(--space-lg);gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.method-row__title{gap:var(--space-xs);display:grid}.method-row__title>span{font-weight:500}.method-row p{grid-column:auto}.method-notes{margin-block-start:var(--space-2xl);margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-xl) var(--page-gutter);border-radius:0}.method-specs dd{font-family:var(--font-mono);font-size:var(--text-sm)}.method-caveat{padding-block:var(--space-2xl) var(--space-lg)}@media (width>=40rem){.view{padding-block:var(--space-xl) var(--space-3xl)}.view-intro,.lab-intro{padding-block:var(--space-md) var(--space-2xl)}.lab-color-preview{min-height:24rem}.analysis-panel{padding-inline:var(--space-lg);margin-inline:0}.paint-card{grid-template-rows:18rem auto}.brand-filters{flex-wrap:wrap;overflow-x:visible}.compare-panel__field{min-height:24rem}.method-flow{flex-wrap:nowrap;justify-content:space-between}.method-row{gap:var(--space-xl);grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr)}}@media (width>=60rem){.lab-color-preview{min-height:clamp(18rem,100dvh - 32rem,34rem)}.analysis-panel{padding:var(--space-lg)}.compare-panel__field{min-height:30rem}}.match-row__actions{justify-content:flex-end;align-items:center;gap:var(--space-2xs);display:flex}.match-row{grid-template-columns:minmax(0,1fr)}.match-row__lab-action{padding-inline:var(--space-sm);border-color:var(--color-transparent);background-color:var(--color-transparent)}.collection-filters,.brand-filters{gap:var(--space-2xs);scrollbar-width:thin;flex-wrap:nowrap;padding-block-end:var(--space-2xs);display:flex;overflow-x:auto}.collection-filters{border-block-end:var(--rule-thin) solid var(--color-rule);padding-block-end:var(--space-sm)}.collection-filters .filter-button{color:var(--color-ink-2)}.library-advanced-filters{border-block:var(--rule-thin) solid var(--color-rule)}.library-advanced-filters summary{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-ink);cursor:pointer;font-size:var(--text-sm);font-weight:600;list-style:none;display:flex}.library-advanced-filters summary::-webkit-details-marker{display:none}.library-advanced-filters summary:before{content:"+";color:var(--color-paint);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.library-advanced-filters[open] summary:before{content:"−"}.library-advanced-filters summary>span:first-child{margin-inline-end:auto}.library-advanced-filters summary>span:last-child{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis;font-weight:500;overflow:hidden}.library-advanced-filters__grid{padding-block:var(--space-sm) var(--space-md);gap:var(--space-md);display:grid}.library-result-line{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.text-action{min-height:var(--control-height);padding-inline:var(--space-xs);background-color:var(--color-transparent);color:var(--color-ink);cursor:pointer;font-size:var(--text-sm);border:0;font-weight:600}.paint-card__detail-trigger{border-radius:var(--radius-sm);background-color:var(--color-transparent);width:100%;min-width:0;color:inherit;cursor:pointer;text-align:start;border:0;padding:0}.paint-card__detail-trigger .paint-card__swatch{min-height:100%}.paint-card__metadata{gap:var(--space-2xs) var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;display:flex}.paint-card__metadata span+span:before{content:"·";color:var(--color-rule-strong);margin-inline-end:var(--space-sm)}.paint-card__actions{justify-content:flex-start}.paint-card__actions .button{padding-inline:var(--space-xs);border-color:var(--color-transparent);background-color:var(--color-transparent)}.paint-card__actions .button--primary{border-block-end-color:var(--color-paint);border-radius:0}.paint-detail-intro{padding-block:var(--space-xs) var(--space-lg);gap:var(--space-lg);display:grid}.paint-detail-back{width:fit-content;min-height:var(--control-height);background-color:var(--color-transparent);color:var(--color-muted);cursor:pointer;font-size:var(--text-sm);border:0;padding:0;font-weight:600}.paint-detail-back:before{content:"←";color:var(--color-paint);margin-inline-end:var(--space-sm)}.paint-detail-intro__identity{gap:var(--space-sm);display:grid}.paint-detail-intro__identity>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase}.paint-detail-intro__identity p{max-width:64ch;color:var(--color-neutral)}.paint-detail-workbench{gap:var(--space-xl);display:grid}.paint-detail-stage{gap:var(--space-sm);min-width:0;display:grid}.paint-detail-field{min-height:22rem;padding:var(--space-md);border:var(--rule-thin) solid color-mix(in oklch, var(--paint-field) 72%, var(--color-ink));border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;display:flex}.paint-detail-field__topline,.paint-detail-field__value{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.paint-detail-field__topline>div{gap:var(--space-2xs);min-width:0;display:grid}.paint-detail-field__topline span,.paint-detail-field__value strong{font-family:var(--font-mono)}.paint-detail-field__topline span{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:500}.paint-detail-field__topline strong{color:inherit;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-detail-field__value{align-items:center}.paint-detail-field__value strong{color:inherit;font-size:var(--text-xl);letter-spacing:-.04em;font-weight:500}.paint-detail-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.paint-detail-readouts{margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-lg) var(--page-gutter);align-content:start;gap:var(--space-lg);background-color:var(--color-paper-2);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.paint-detail-readouts__heading{gap:var(--space-2xs);border-block-end:var(--rule-strong) solid var(--color-ink);padding-block-end:var(--space-sm);display:grid}.paint-detail-readouts__heading p,.paint-detail-section-heading p{color:var(--color-muted);font-size:var(--text-sm)}.paint-detail-value-group{border-block-start:var(--rule-thin) solid var(--color-rule-strong)}.paint-detail-value-group--normalized{border-block-start:var(--rule-strong) solid var(--color-paint)}.paint-detail-value-group__heading{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.paint-detail-value-group__heading h3{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.paint-detail-value{align-items:center;gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;min-height:3rem;display:grid}.paint-detail-value span,.paint-detail-value strong{font-family:var(--font-mono)}.paint-detail-value span{color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.paint-detail-value strong{color:var(--color-ink);font-size:var(--text-lg);letter-spacing:-.035em;font-weight:500}.paint-detail-metadata,.paint-detail-related,.method-confidence{padding-block:var(--space-2xl);border-block-start:var(--rule-thin) solid var(--color-rule)}.paint-detail-section-heading{gap:var(--space-xs);margin-block-end:var(--space-lg);display:grid}.paint-detail-specs{border-block-start:var(--rule-thin) solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.paint-detail-specs>div{min-width:0;padding-block:var(--space-sm);gap:var(--space-2xs);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.paint-detail-specs>div:nth-child(odd){padding-inline-end:var(--space-sm)}.paint-detail-specs>div:nth-child(2n){border-inline-start:var(--rule-thin) solid var(--color-rule);padding-inline-start:var(--space-sm)}.paint-detail-specs dt,.paint-detail-provenance>dl dt,.paint-detail-provenance>dl dd{font-family:var(--font-mono);font-size:var(--text-xs)}.paint-detail-specs dt,.paint-detail-provenance>dl dt{color:var(--color-muted)}.paint-detail-specs dd{overflow-wrap:anywhere;color:var(--color-ink);font-weight:600}.paint-detail-provenance{margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-xl) var(--page-gutter);gap:var(--space-xl);background-color:var(--color-graphite);color:var(--color-graphite-ink);display:grid}.paint-detail-provenance>div>h2{color:var(--color-graphite-ink)}.paint-detail-provenance>div>p{max-width:66ch;color:var(--color-graphite-muted);margin-block-start:var(--space-sm)}.correction-trigger{width:fit-content;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-signal);border-radius:var(--radius-md);background-color:color-mix(in oklch, var(--color-signal) 14%, var(--color-graphite));color:color-mix(in oklch, var(--color-signal) 46%, var(--color-graphite-ink));margin-block-start:var(--space-md)}.paint-detail-provenance>dl{border-block-start:var(--rule-thin) solid var(--color-graphite-2)}.paint-detail-provenance>dl>div{padding-block:var(--space-sm);gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-graphite-2);grid-template-columns:minmax(7rem,.5fr) minmax(0,1.5fr);display:grid}.paint-detail-provenance>dl dt{color:var(--color-graphite-muted)}.paint-detail-provenance>dl dd{color:var(--color-graphite-ink)}.paint-detail-provenance>dl a{color:inherit;-webkit-text-decoration-color:var(--color-graphite-muted);text-decoration-color:var(--color-graphite-muted);text-underline-offset:.2em}.correction-dialog{width:min(calc(100% - (var(--space-md) * 2)), 54rem);background-color:var(--color-transparent);max-height:min(92dvh,54rem);color:var(--color-ink-2);border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.correction-dialog::backdrop{background-color:var(--color-backdrop)}.correction-dialog__surface{max-height:min(92dvh,54rem);padding:var(--space-md);gap:var(--space-lg);background-color:var(--color-paper);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);display:grid;overflow-y:auto}.correction-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.correction-dialog__header>div{gap:var(--space-2xs);min-width:0;display:grid}.correction-dialog__header p,.correction-dialog__footer p{max-width:58ch;color:var(--color-muted);font-size:var(--text-sm)}.correction-dialog__eyebrow,.correction-reference>div>span,.correction-comparison article>span,.correction-delta>span,.correction-delta small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.correction-reference{padding:var(--space-sm);gap:var(--space-md);background-color:var(--color-paper-2);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.correction-reference>div{gap:var(--space-2xs);min-width:0;display:grid}.correction-reference>div>strong{overflow-wrap:anywhere;color:var(--color-ink);font-weight:600}.correction-reference dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.correction-reference dl>div{gap:var(--space-2xs);min-width:0;display:grid}.correction-reference dt,.correction-reference dd{font-family:var(--font-mono);font-size:var(--text-xs)}.correction-reference dt{color:var(--color-muted)}.correction-reference dd{color:var(--color-ink);font-weight:600}.correction-hex-input{font-family:var(--font-mono);text-transform:uppercase}.correction-comparison{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.correction-comparison article{gap:var(--space-xs);min-width:0;display:grid}.correction-comparison article>strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.correction-swatch{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);min-height:7rem}.correction-swatch--empty{background-color:var(--color-paper-2);background-image:linear-gradient(135deg, var(--color-transparent) 46%, var(--color-rule) 46%, var(--color-rule) 54%, var(--color-transparent) 54%);background-size:var(--space-md) var(--space-md)}.correction-delta{align-items:baseline;gap:var(--space-2xs) var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;padding-block-start:var(--space-sm);display:grid}.correction-delta>strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:-.04em;grid-area:1/2/span 2;font-weight:500}.correction-delta small{letter-spacing:0;text-transform:none}.correction-optional-fields{gap:var(--space-md);display:grid}.correction-explanation{min-height:7rem;padding-block:var(--space-sm);resize:vertical}.correction-dialog__footer{gap:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-md);display:grid}.correction-dialog__footer>div{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.correction-copy[data-state=success]{border-color:var(--color-success);background-color:var(--color-success-soft);color:var(--color-success)}.correction-copy[data-state=error]{border-color:var(--color-error);background-color:var(--color-error-soft);color:var(--color-error)}.paint-detail-related__list{border-block-start:var(--rule-thin) solid var(--color-rule)}.paint-detail-related__row{padding-block:var(--space-xs);gap:var(--space-xs);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.paint-detail-related__select{min-width:0;min-height:var(--control-height);align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-transparent);cursor:pointer;text-align:start;border:0;grid-template-columns:3rem minmax(0,1fr) auto;padding:0;display:grid}.paint-detail-related__swatch{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);width:3rem;height:3rem}.paint-detail-related__select>span{gap:var(--space-3xs);min-width:0;display:grid}.paint-detail-related__select>span:nth-of-type(2){font-family:var(--font-mono);justify-items:end}.paint-detail-related__select strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-detail-related__select small{color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-detail-related__row>.button{border-color:var(--color-transparent);background-color:var(--color-transparent);justify-self:end}.method-confidence__list{border-block-start:var(--rule-thin) solid var(--color-rule)}.method-confidence__list>div{padding-block:var(--space-md);gap:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.method-confidence__list dt{justify-content:space-between;align-items:baseline;gap:var(--space-md);color:var(--color-ink);font-weight:600;display:flex}.method-confidence__list dt strong{color:var(--color-paint);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.method-confidence__list dd{max-width:68ch;color:var(--color-neutral)}.method-confidence__context{padding:var(--space-lg);gap:var(--space-sm);background-color:var(--color-paper-2);border-inline-start:var(--rule-strong) solid var(--color-paint);margin-block-start:var(--space-xl);display:grid}.method-confidence__context>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.method-confidence__context p{max-width:76ch;color:var(--color-neutral)}.method-collections{padding-block:var(--space-2xl);gap:var(--space-xl);border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.method-collections>div{gap:var(--space-sm);display:grid}.method-collections>div p{max-width:62ch;color:var(--color-neutral)}.method-collections dl{border-block-start:var(--rule-thin) solid var(--color-rule)}.method-collections dl>div{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule);display:flex}.method-collections dt{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.method-collections dd{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-lg)}@media (hover:hover) and (pointer:fine){.text-action:hover,.paint-detail-back:hover,.paint-card__actions .button:hover,.match-row__lab-action:hover{color:var(--color-paint)}.correction-trigger:hover{border-color:color-mix(in oklch, var(--color-signal) 76%, var(--color-graphite-ink));background-color:color-mix(in oklch, var(--color-signal) 22%, var(--color-graphite));color:var(--color-graphite-ink)}.paint-card__detail-trigger:hover,.paint-detail-related__select:hover{opacity:var(--opacity-hover)}}@media (width>=40rem){.match-row{grid-template-columns:minmax(0,1fr) auto}.collection-filters,.brand-filters{flex-wrap:wrap;overflow-x:visible}.library-advanced-filters__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-detail-intro{padding-block-end:var(--space-2xl)}.paint-detail-field{min-height:28rem;padding:var(--space-lg)}.paint-detail-field__value strong{font-size:var(--text-display)}.paint-detail-readouts{padding-inline:var(--space-lg);margin-inline:0}.paint-detail-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-detail-specs>div,.paint-detail-specs>div:nth-child(odd),.paint-detail-specs>div:nth-child(2n){padding-inline:var(--space-md);border-inline-start:var(--rule-thin) solid var(--color-rule)}.paint-detail-specs>div:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}.paint-detail-provenance{padding-inline:var(--space-xl);margin-inline:0}.correction-dialog__surface{padding:var(--space-lg)}.correction-reference{grid-template-columns:minmax(0,1.3fr) minmax(14rem,.7fr);align-items:end}.correction-swatch{min-height:9rem}.correction-optional-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.correction-dialog__footer,.paint-detail-related__row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.method-confidence__list>div{gap:var(--space-xl);grid-template-columns:minmax(10rem,.55fr) minmax(0,1.45fr)}}@media (width>=60rem){.paint-detail-workbench{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.65fr);align-items:start}.paint-detail-field{min-height:clamp(28rem,100dvh - 22rem,40rem)}.paint-detail-readouts{padding:var(--space-lg)}.paint-detail-provenance,.method-collections{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:start}}.library-controls{padding-block:var(--space-sm) var(--space-lg);gap:var(--space-md);border-block-start:0}.library-primary-filters{gap:var(--space-md);min-width:0;display:grid}.library-filter-group{gap:var(--space-xs);min-width:0;display:grid}.library-search{max-width:none}.collection-filters,.brand-filters{gap:var(--space-2xs);border-block-end:0;padding-block-end:var(--space-2xs)}.library-manufacturer-filter{border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-xs)}.library-motorsport-filters{gap:var(--space-sm);border-block-start:var(--rule-thin) solid var(--color-rule);padding-block-start:var(--space-xs);display:grid}.library-advanced-filters summary>span:last-child{white-space:nowrap}.library-active-filters{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.library-active-filters__label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;flex:none;font-weight:600}.library-active-filters__rail{gap:var(--space-2xs);scrollbar-width:thin;min-width:0;display:flex;overflow-x:auto}.active-filter{min-width:0;min-height:var(--control-height);padding-inline:var(--space-sm);align-items:center;gap:var(--space-xs);border:var(--rule-thin) solid var(--color-paint-rule);border-radius:var(--radius-md);background-color:var(--color-paint-wash);color:var(--color-ink);cursor:pointer;font-size:var(--text-xs);transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex:none;font-weight:500;display:inline-flex}.active-filter>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:min(18rem,60vw);overflow:hidden}.active-filter>span:last-child{color:var(--color-neutral);font-family:var(--font-mono);font-size:var(--text-sm)}.library-result-line{flex-wrap:wrap;min-height:2.5rem}.library-result-actions,.library-sort{align-items:center;min-width:0;display:flex}.library-result-actions{gap:var(--space-xs);margin-inline-start:auto}.library-sort{gap:var(--space-xs)}.library-sort__select{width:auto;min-height:var(--control-height);padding-inline:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-weight:500}.paint-grid{gap:var(--space-lg) var(--space-md)}.paint-card{background-color:var(--color-transparent);border:0;border-radius:0;display:block;overflow:visible}.paint-card__link{border-radius:var(--radius-sm);min-width:0;color:inherit;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:block}.paint-card__field{min-height:clamp(18rem,76vw,22rem);padding:var(--space-md);justify-content:space-between;gap:var(--space-lg);border:var(--rule-thin) solid color-mix(in oklch, var(--paint-field) 72%, var(--color-ink));border-radius:var(--radius-sm);flex-direction:column;display:flex}.paint-card__topline,.paint-card__footer{justify-content:space-between;align-items:flex-start;gap:var(--space-md);min-width:0;color:inherit;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.065em;text-transform:uppercase;font-weight:600;display:flex}.paint-card__topline>span:last-child{text-align:end}.paint-card__identity{flex:1;align-items:center;min-width:0;display:flex}.paint-card__identity h2{min-width:0;max-width:17ch;max-height:2.16em;color:inherit;font-family:var(--font-body);letter-spacing:-.025em;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.45rem,6.5vw,2.25rem);font-weight:600;line-height:1.08;display:-webkit-box;overflow:hidden}.paint-card__footer{align-items:flex-end}.paint-card__hex{font-size:var(--text-sm);letter-spacing:-.01em;flex:none}.paint-card__metadata{justify-content:flex-end;gap:var(--space-2xs) var(--space-xs);min-width:0;color:inherit;text-align:end;letter-spacing:.035em}.paint-card__metadata span+span:before{color:inherit;margin-inline-end:var(--space-xs)}.paint-card__manufacturer{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.active-filter:hover,.paint-card__link:hover{transform:translateY(-1px)}}.active-filter:active,.paint-card__link:active{transform:translateY(1px)}@media (width>=40rem){.library-primary-filters{align-items:end;gap:var(--space-lg);grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}.library-manufacturer-filter{padding-block-start:var(--space-sm)}.library-active-filters__rail{flex-wrap:wrap;overflow-x:visible}.paint-card__field{min-height:22rem}.paint-card__identity h2{font-size:clamp(1.5rem,3.2vw,2.25rem)}}@media (width>=60rem){.paint-card__field{min-height:24rem}.paint-card__identity h2{font-size:clamp(1.55rem,2.35vw,2.25rem)}}@media (pointer:coarse){.active-filter{min-height:3rem}}.lab-color-actions{min-height:var(--control-height);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.lab-color-actions__status{color:var(--color-muted);font-size:var(--text-sm)}.paint-detail-actions .button[aria-pressed=true]{border-color:var(--color-success);background-color:var(--color-success-soft);color:var(--color-success)}.my-colors-intro{align-items:end}.my-colors-storage{width:fit-content;padding-block:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.my-colors-storage[data-status=invalid],.my-colors-storage[data-status=unavailable]{color:var(--color-neutral)}.my-colors-section{padding-block:var(--space-xl) var(--space-2xl);border-block-start:var(--rule-thin) solid var(--color-rule)}.my-colors-section .section-heading{align-items:end}.my-colors-section-heading__title{justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:0;display:flex}.my-colors-section-heading__title .button{width:auto;padding-inline:var(--space-sm);flex:none}.my-colors-grid{gap:var(--space-lg);display:grid}.my-color-card{background-color:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);align-content:start;min-width:0;display:grid;overflow:hidden}.my-color-card__link{min-width:0;color:inherit;white-space:normal;text-decoration:none;display:block}.my-color-card__link:focus-visible{z-index:1;outline-offset:calc(var(--rule-strong) * -1);position:relative}.my-color-card__field{min-height:18rem;padding:var(--space-md);justify-content:space-between;gap:var(--space-md);flex-direction:column;display:flex}.my-color-card__topline,.my-color-card__footer{justify-content:space-between;align-items:flex-start;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:500;display:flex}.my-color-card__topline span,.my-color-card__footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.my-color-card__topline span:last-child,.my-color-card__footer span:last-child{text-align:end}.my-color-card h3{color:inherit;font-family:var(--font-body);letter-spacing:-.035em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(1.5rem,6vw,2.35rem);font-weight:600;line-height:1.05;display:-webkit-box;overflow:hidden}.my-color-card__footer{align-items:end}.my-color-card__footer strong{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:-.01em;font-weight:600}.my-color-card__actions{min-width:0;padding:var(--space-xs);align-items:center;gap:var(--space-2xs);border-block-start:var(--rule-thin) solid var(--color-rule);flex-wrap:wrap;display:flex}.my-color-card__actions .button,.my-color-card__actions .text-action{min-height:var(--control-height);padding-inline:var(--space-sm)}.my-color-card__actions .text-action{color:var(--color-muted)}.my-color-card__actions .my-color-card__remove{margin-inline-start:auto}.my-colors-empty{min-height:10rem;padding-block:var(--space-xl);align-items:center;gap:var(--space-lg);border-block:var(--rule-thin) solid var(--color-rule);display:grid}.my-colors-empty>div{gap:var(--space-xs);display:grid}.my-colors-empty p{max-width:58ch;color:var(--color-muted)}.my-colors-empty>.button,.my-colors-empty>button{width:fit-content}.color-editor-dialog{width:min(calc(100% - (var(--space-md) * 2)), 48rem)}.color-editor-dialog__grid{gap:var(--space-lg);display:grid}.color-editor-dialog__fields{gap:var(--space-md);min-width:0;display:grid}.color-editor-dialog__hex{font-family:var(--font-mono);text-transform:uppercase}.color-editor-dialog__note{min-height:7rem;padding-block:var(--space-sm);resize:vertical}.color-editor-dialog__preview{align-content:start;gap:var(--space-xs);min-width:0;display:grid}.color-editor-dialog__preview>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.color-editor-dialog__swatch{min-height:10rem;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);align-items:flex-end;display:flex}.color-editor-dialog__swatch strong{color:inherit;font-family:var(--font-mono);font-size:var(--text-sm)}.color-editor-dialog__swatch--empty{background-color:var(--color-paper-2);background-image:linear-gradient(135deg, var(--color-transparent) 46%, var(--color-rule) 46%, var(--color-rule) 54%, var(--color-transparent) 54%);background-size:var(--space-md) var(--space-md)}.delete-color-dialog{width:min(calc(100% - (var(--space-md) * 2)), 34rem)}.delete-color-dialog__surface{max-height:min(88dvh,32rem)}.delete-color-dialog__footer{grid-template-columns:1fr}.button--danger{border-color:color-mix(in oklch, var(--color-error) 64%, var(--color-rule));background-color:var(--color-transparent);color:var(--color-error)}.custom-delete-trigger{color:var(--color-muted)}.custom-color-note{padding-block:var(--space-2xl);border-block-start:var(--rule-thin) solid var(--color-rule)}.custom-color-note>p{max-width:72ch;color:var(--color-neutral);overflow-wrap:anywhere;white-space:pre-wrap}.missing-color-view{min-height:60dvh}@media (hover:hover) and (pointer:fine){.my-color-card__link:hover{opacity:.92}.my-color-card__actions .text-action:hover{color:var(--color-ink)}.button--danger:hover{background-color:var(--color-error-soft)}}@media (width>=40rem){.my-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-color-card__field{min-height:20rem;padding:var(--space-lg)}.my-color-card h3{font-size:clamp(1.5rem,3.2vw,2.25rem)}.my-colors-empty{grid-template-columns:minmax(0,1fr) auto}.color-editor-dialog__grid{grid-template-columns:minmax(0,1.25fr) minmax(14rem,.75fr);align-items:start}}@media (width>=60rem){.my-colors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.my-color-card h3{font-size:clamp(1.5rem,2.35vw,2.25rem)}}@media (width>=90rem){.my-colors-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}