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