.spectra-slider{--slider-size:8px}.spectra-slider .mantine-Slider-track:before{background:var(--spectra-track,#ddd);border:1px solid #22231f38}.spectra-slider .mantine-Slider-bar{display:none}.spectra-slider .mantine-Slider-thumb{background:#1f201c;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #14141259}.spectra-slider .mantine-Slider-mark{background:#22231f73;border:none;width:4px;height:4px;transform:translate(-2px,2px);box-shadow:0 0 0 1px #ffffff8c}.spectra-viewport{background:var(--bg)}.spectra-viewport .chart-index-preview,.spectra-lightbox-scope .chart-index-preview{background:0 0;border-bottom:none;border-radius:0;height:100%}.spectra-lightbox-scope .diagram-lightbox-content{background:var(--spectra-canvas-bg,var(--bg))}.spectra-lightbox-scope .diagram-lightbox-content svg{width:100%!important;height:100%!important}.spectra-preview-tile{cursor:pointer;transition:border-color var(--dur-fast) var(--ease);flex:0 0 470px}.spectra-preview-tile:hover{border-color:var(--spectra-tile-hover,var(--ink-faint))!important}.spectra-preview-tile .spectra-tile-hint{opacity:0;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);pointer-events:none;z-index:2;display:flex;position:absolute;bottom:12px;right:14px;transform:translateY(2px)}.spectra-preview-tile:hover .spectra-tile-hint{opacity:1;transform:none}.spectra-instruction-row{margin:26px 0 0}.spectra-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:32px;margin:0 0 14px;display:flex}.spectra-madlib{min-height:4.05em}.spectra-swatch-band{height:240px}.spectra-swatch{min-width:0;overflow:hidden;container-type:inline-size}@container (width<=104px){.spectra-swatch-hex{letter-spacing:.02em!important;padding:4px 6px!important;font-size:11px!important}}@container (width<=78px){.spectra-swatch-hex{writing-mode:vertical-rl;align-self:center;transform:rotate(180deg);padding:10px 0 6px!important;font-size:11px!important}}@container (width<=24px){.spectra-swatch-hex{display:none!important}}.spectra-band-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 26px;margin:26px 0 0;display:flex}.spectra-band-toggles{flex-wrap:wrap;align-items:center;gap:16px 26px;display:flex}.spectra-bench-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);display:grid}.spectra-bench-left{border-right:1px solid #dedfd8;margin:14px 0;padding:12px 32px 16px 0}.spectra-bench-right{min-width:0;margin:14px 0;padding:12px 0 16px 32px}.spectra-lch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}@media (width<=61.99em){.spectra-band-toggles{flex-direction:column;align-items:flex-end;gap:12px}.spectra-band-controls{align-items:flex-start}.spectra-bench-grid{grid-template-columns:minmax(0,1fr)}.spectra-bench-left{border-bottom:1px solid #dedfd8;border-right:0;padding-bottom:28px;padding-right:0}.spectra-bench-right{padding-left:0}}@media (width<=800px){.spectra-lch-grid{grid-template-columns:minmax(0,1fr)}.spectra-swatch-band{height:190px}}@media (width<=640px){.spectra-band-controls{flex-wrap:nowrap;align-items:flex-start}.spectra-band-bg{flex-direction:column;align-items:flex-start;gap:10px}.spectra-swatch-band{height:150px}.spectra-preview-tile{flex-basis:min(470px,86vw)!important}}.spectra-chart-search{font:600 10px var(--font-mono);letter-spacing:.08em;color:var(--ink,#22231f);background:#fff;border:1px solid #d2d3cd;border-radius:2px;width:220px;max-width:46vw;padding:7px 12px}.spectra-chart-search::placeholder{color:#75776f}.spectra-chart-search:focus{border-color:#2e6e8e;outline:none}.spectra-matrix-cell{min-width:0;overflow:hidden}@media (width<=640px){.spectra-matrix-weight,.spectra-matrix-hex{display:none}.spectra-matrix-cell{padding:0!important}}@media (width<=800px){.spectra-lch-grid{row-gap:56px}}