:root{--bg:#071116;--surface:#0d1a21;--surface-strong:#0a151b;--line:#25414a;--text:#e7f2f4;--text-soft:#9db3b8;--signal:#78f3df;--signal-warm:#ffb366;--button:#12262e;--body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Avenir Next Condensed", "Arial Narrow", Inter, ui-sans-serif, sans-serif;--utility:Inter, ui-sans-serif, system-ui, sans-serif;--mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace;font:16px/1.55 var(--body);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{background:radial-gradient(circle at 0 0,#78f3df26,#0000 28rem),linear-gradient(135deg,#071116 0%,#0c171d 52%,#101710 100%);min-width:320px;margin:0}h1,h2{font-family:var(--display);color:var(--text);margin:0;font-weight:700}h1{max-width:720px;font-size:clamp(34px,5vw,72px);line-height:.98}h2{font-size:clamp(22px,2.4vw,34px);line-height:1.05}p{margin:0}*{box-sizing:border-box}::selection{color:#041116;background:var(--signal)}.app-shell{min-height:100svh}.workbench{gap:20px;padding:24px;display:grid}.intro{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.intro p:last-child{max-width:720px;color:var(--text-soft)}.eyebrow{font-family:var(--mono);color:var(--signal);text-transform:uppercase;margin:0 0 8px;font-size:12px;line-height:1.2}.control-desk,.readout,.explain-band,.references-band,.legal-band{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.control-desk{grid-template-columns:minmax(230px,auto) minmax(260px,1fr) minmax(260px,auto);align-items:stretch}.control-group{min-width:0}.control-label{color:var(--text-soft);font-family:var(--utility);margin:0 0 8px;font-size:13px}button{border:1px solid var(--line);background:var(--button);min-height:36px;color:var(--text);font:600 13px/1 var(--utility);cursor:pointer;border-radius:6px}button:hover{border-color:var(--signal)}button:focus-visible,input:focus-visible,.sample-point:focus-visible{outline:2px solid var(--signal);outline-offset:3px}button.active{color:#031015;background:var(--signal);border-color:var(--signal)}.segmented-control,.point-picker,.gamut-picker{flex-wrap:wrap;gap:6px;display:flex}.gamut-picker{border:0;border-top:1px solid var(--line);grid-column:1/-1;align-items:center;margin:0;padding:10px 0 0}.gamut-picker legend{color:var(--text-soft);font-family:var(--utility);padding:0 10px 0 0;font-size:13px}.profile-chip{border:1px solid var(--line);background:var(--button);min-height:34px;font:700 13px/1 var(--utility);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.profile-chip:has(input:checked){border-color:var(--signal);background:#78f3df1f}.profile-chip input{block-size:14px;inline-size:14px;accent-color:var(--signal);margin:0}.profile-swatch{border-radius:999px;block-size:12px;inline-size:12px;box-shadow:0 0 0 1px #050b1099}.slider-control{font-family:var(--utility);grid-template-columns:auto minmax(160px,1fr) 48px;align-items:center;gap:12px;font-size:13px;display:grid;overflow:hidden}.slider-control input{width:100%;min-width:0;accent-color:var(--signal)}.slider-control input:disabled{opacity:.36}.slider-control output{font-family:var(--mono);text-align:right}.split-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff08, transparent 28%), var(--surface-strong);border-radius:8px;min-width:0;overflow:hidden}.chart-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 16px 10px;display:flex}.axis-readout,.chart-note{font-family:var(--mono);color:var(--text-soft);font-size:12px}.chart-frame{aspect-ratio:720/560;min-height:320px;position:relative}.color-field,.chart-svg{width:100%;height:100%;position:absolute;inset:0}.color-field{filter:saturate(1.1);background:linear-gradient(#060c121a,#060c129e),#050b10}.chart-svg{overflow:visible}.grid-lines line{stroke:#e1eff71f;stroke-width:1px}.spectrum-path{fill:#02080c14;stroke:#f5fbff;stroke-width:2.5px;filter:url(#soft-glow)}.gamut-path{fill:#ffffff0a;stroke-width:2.4px;vector-effect:non-scaling-stroke}.gamut-cmyk{stroke-dasharray:3 6}.gamut-layer{cursor:pointer}.ghost-path{fill:none;stroke-width:1.5px;opacity:.62}.ghost-xy{stroke:#fff}.ghost-uv{stroke:var(--signal)}.ring{fill:#ffffff0f;stroke:#fff9;stroke-width:1.4px}.selected-ring{stroke:var(--signal);stroke-width:2.4px}.wavelength-dot{fill:#f5fbff;opacity:.76}.wavelength-label{fill:#f5fbff;font-family:var(--mono);paint-order:stroke;stroke:#000000a8;stroke-width:3px;font-size:11px}.sample-point{cursor:pointer}.sample-point circle{fill:#050b10;stroke:#fff;stroke-width:2.2px}.sample-point .selected-dot{fill:var(--signal);stroke:#031015}.sample-point text{fill:#fff;font-family:var(--utility);paint-order:stroke;stroke:#000000b8;stroke-width:4px;font-size:14px;font-weight:700}.chart-note{border-top:1px solid var(--line);padding:10px 16px 14px}.readout{grid-template-columns:minmax(260px,.8fr) minmax(280px,1fr)}.readout h2{margin-bottom:6px}.readout p{color:var(--text-soft)}.explain-band{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 24px 24px}.explain-band div,.references-band div,.legal-band div{min-width:0}.references-band,.legal-band{grid-template-columns:minmax(220px,.35fr) minmax(320px,1fr);align-items:start;margin:0 24px 24px}.references-band ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.references-band a{color:var(--text-soft);font-family:var(--utility);text-underline-offset:4px;font-size:14px;text-decoration-color:#78f3df73}.references-band a:hover{color:var(--signal)}.legal-copy{gap:10px;display:grid}.legal-copy p{color:var(--text-soft);font-size:13px}.site-footer{color:var(--text-soft);font-family:var(--utility);text-align:center;margin:-4px 24px 24px;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.spectrum-path,.gamut-path,.ring,.sample-point circle,.sample-point text{transition:x .36s,y .36s,cx .36s,cy .36s,d .36s,opacity .18s,stroke .18s}}@media (width<=980px){.split-charts,.control-desk,.readout,.explain-band,.references-band,.legal-band{grid-template-columns:1fr}.point-picker,.segmented-control,.gamut-picker{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gamut-picker legend{grid-column:1/-1}.references-band ul{grid-template-columns:1fr}}@media (width<=640px){.workbench{padding:14px}.intro{gap:14px}.chart-head{flex-direction:row;align-items:center;padding:10px 12px}.chart-frame{min-height:230px}.slider-control{grid-template-columns:auto 1fr 42px}.control-desk{gap:14px;padding:12px}.segmented-control,.point-picker,.gamut-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.point-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-chip{justify-content:flex-start;align-items:center;min-height:42px;padding:7px 8px;font-size:12px}.profile-chip span:last-child{overflow-wrap:anywhere}.explain-band,.references-band,.legal-band{margin:0 14px 14px}.site-footer{margin:-2px 14px 18px}}@media (width<=420px){.segmented-control{grid-template-columns:1fr}.gamut-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}