:root{--c-page: #0f0907;--c-paper: #18100d;--c-surface: #241915;--c-ink: #f0ddc1;--c-muted: #b8a488;--c-border: #d8c1a1;--c-grid: #705846;--c-ok: #79bf7e;--c-warn: #d9ae57;--c-alert: #d36857;--s-line: 1px;--s-font: 10px;font-family:Iosevka Web,Iosevka,ui-monospace,monospace;font-size:var(--s-font);line-height:1.25;-webkit-font-smoothing:antialiased}html{scrollbar-width:thin;scrollbar-color:var(--c-border) var(--c-surface)}::selection{background:color-mix(in srgb,var(--c-border) 82%,var(--c-surface));color:var(--c-page)}*{scrollbar-width:thin;scrollbar-color:var(--c-border) color-mix(in srgb,var(--c-surface) 84%,var(--c-paper))}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--c-surface) 84%,var(--c-paper))}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--c-border) 78%,var(--c-grid));border:2px solid color-mix(in srgb,var(--c-surface) 84%,var(--c-paper))}*::-webkit-scrollbar-thumb:hover{background:var(--c-border)}*::-webkit-scrollbar-corner{background:color-mix(in srgb,var(--c-surface) 84%,var(--c-paper))}body{min-height:100vh;background:radial-gradient(circle at top,#241510 0%,var(--c-page) 42%);color:var(--c-ink);display:flex;justify-content:center;align-items:flex-start;padding:8px}.dash{width:800px;border:var(--s-line) solid var(--c-border);background:var(--c-paper)}.hdr,.ftr{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.canvas-box{display:block;max-width:100%;border:var(--s-line) solid var(--c-grid);background:var(--c-paper);image-rendering:pixelated}.canvas-box+.canvas-box{margin-top:3px}.viz-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.viz-ctrl{display:flex;align-items:center;gap:3px;margin-left:auto}.viz-axis{color:var(--c-muted)}.g__lbl input[type=range],.viz-card__lbl input[type=range]{width:32px}.viz-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0}.viz-grid-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0}.viz-card{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.cell-spectrum .viz-card,.cell-polars .viz-card{width:100%}.viz-card canvas.palette-viz{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;image-rendering:pixelated}.viz-card__lbl{display:flex;align-items:center;gap:4px;color:var(--c-muted);font-size:7px;text-transform:uppercase;min-width:0}.hdr{background:var(--c-ink);color:var(--c-paper)}.hdr select{color:var(--c-ink);background-color:var(--c-surface);border-color:var(--c-paper)}.ftr{background:var(--c-paper);color:var(--c-muted);border-top:var(--s-line) solid var(--c-border)}.ftr a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ftr__brand{display:inline-flex;align-items:center;gap:8px}.ftr__play{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:inherit;font:inherit;font-size:8px;line-height:1;cursor:pointer;opacity:.65}.ftr__play:hover{opacity:1}.ctl{display:flex;flex-wrap:nowrap;align-items:center;gap:0;border-bottom:var(--s-line) solid var(--c-border);background:var(--c-surface)}.ctl label{display:flex;align-items:center;gap:4px;padding:3px 6px;border-right:var(--s-line) solid var(--c-grid);white-space:nowrap;font-size:9px;text-transform:uppercase}.ctl textarea{flex:1 1 auto;width:auto;min-width:0;max-width:none;height:24px;resize:none;border:none;background:transparent;color:inherit;font:inherit;padding:5px 6px;outline:none}.ctl textarea::placeholder{color:var(--c-muted)}.beam{display:inline-flex;align-items:center;flex:0 0 auto;gap:0;margin-left:auto;border-left:var(--s-line) solid var(--c-grid)}.beam__token{width:126px;height:24px;border:none;border-right:var(--s-line) solid var(--c-grid);background:transparent;color:inherit;font:inherit;font-size:9px;padding:0 6px;outline:none}.beam__token::placeholder{color:var(--c-muted)}.main-palette__controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.beam__connect{display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:24px;padding:0 8px;border:none;background:color-mix(in srgb,var(--c-surface) 84%,black);color:inherit;font:inherit;font-size:9px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.beam__connect:disabled{color:var(--c-muted);cursor:default}.beam__status{display:inline-flex;align-items:center;padding:0 6px;border-left:var(--s-line) solid var(--c-grid);color:var(--c-muted);font-size:8px;min-width:0}.beam__status[data-state=error]{color:var(--c-alert)}select{font:inherit;color:inherit;background:var(--c-surface);border:var(--s-line) solid var(--c-border);padding:1px 12px 1px 3px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='currentColor'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:5px}input[type=range]{appearance:none;width:56px;height:10px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--c-border)}input[type=range]::-webkit-slider-thumb{appearance:none;width:5px;height:5px;margin-top:-2px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface)}input[type=range]::-moz-range-track{height:1px;background:var(--c-border)}input[type=range]::-moz-range-thumb{width:5px;height:5px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface)}input[type=checkbox]{width:14px;height:7px;appearance:none;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);position:relative}input[type=checkbox]:after{content:"";position:absolute;top:0;left:1px;width:5px;height:5px;border-radius:999px;background:var(--c-border);transition:transform .15s ease}input[type=checkbox]:checked{background:var(--c-border)}input[type=checkbox]:checked:after{transform:translate(6px);background:var(--c-surface)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"top lc" "strips lc" "bottom lc" "extra extra";gap:1px;padding:1px;background:var(--c-border);align-items:start}.section{display:grid;gap:1px;background:var(--c-border);min-width:0}.section-top{grid-area:top;grid-template-columns:193px 124px 48px minmax(0,1.5fr);grid-template-areas:"rects meta limatch cubes"}.section-strips{grid-area:strips;grid-template-columns:1fr;grid-template-areas:"main" "neutral"}.section-bottom{grid-area:bottom;grid-template-columns:48px 208px minmax(0,1fr);grid-template-areas:"mixes polars sides"}.section-lc{grid-area:lc}.section-extra{grid-area:extra;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"contrast polarity cvd" "simultaneous luminance harmony"}.section-stack{display:grid;gap:1px;background:var(--c-border);min-width:0}.stack-rects{grid-area:rects;grid-template-columns:96px 96px;grid-template-areas:"rect1 rect2" "spectrum spectrum"}.stack-meta{grid-area:meta;grid-template-columns:1fr;grid-template-areas:"overview" "stats"}.stack-cubes{grid-area:cubes;grid-template-columns:1fr;grid-auto-rows:auto}.cell-rect1{grid-area:rect1}.cell-rect2{grid-area:rect2}.cell-overview{grid-area:overview}.cell-stats{grid-area:stats}.cell-spectrum{grid-area:spectrum}.cell-limatch{grid-area:limatch}.cell-cubes{grid-area:cubes}.cell-main{grid-area:main}.cell-neutralisers{grid-area:neutral}.cell-mixes{grid-area:mixes}.cell-sides{grid-area:sides}.cell-polars{grid-area:polars}.cell-contrast{grid-area:contrast}.cell-cvd{grid-area:cvd}.cell-polarity{grid-area:polarity}.cell-simultaneous{grid-area:simultaneous}.cell-luminance{grid-area:luminance}.cell-harmony{grid-area:harmony}.g{position:relative;overflow:hidden;background:var(--c-paper);min-width:0}.g canvas.palette-viz{display:block;width:100%!important;height:auto!important;aspect-ratio:1;image-rendering:pixelated}.g__lbl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4px;padding:2px 4px;border-top:var(--s-line) solid var(--c-grid);background:color-mix(in srgb,var(--c-paper) 88%,transparent);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.pnl{padding:3px;font-size:9px;min-width:0}.pnl__t{margin-bottom:4px;color:var(--c-muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.pnl__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.pnl__head .pnl__t{margin-bottom:0}.panel-status{display:inline-flex;align-items:center;gap:4px;color:var(--c-muted);font-size:8px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.panel-status__dot{width:6px;height:6px;border-radius:999px;border:var(--s-line) solid color-mix(in srgb,var(--c-border) 35%,transparent)}.pnl__t--sub{margin-top:4px;margin-bottom:2px}.close-row{display:flex;gap:1px}.close-pair{display:flex;flex-direction:column;width:13px}.close-pair span{height:8px;background:var(--c)}.box-row{display:flex;gap:4px;margin-top:4px}.info-box{flex:1;position:relative;overflow:hidden;border:var(--s-line) solid var(--c-grid);background:color-mix(in srgb,var(--c-surface) 86%,black);padding:2px 4px 4px;min-height:30px}.info-box__label{color:var(--c-muted);font-size:7px;text-transform:uppercase}.info-box__value{position:relative;z-index:1;font-weight:600}.info-box__bar{position:absolute;left:0;bottom:0;height:2px}.info-box__indicator{display:inline-block;width:6px;height:6px;margin-left:3px;border-radius:999px}.st{display:flex;justify-content:space-between;gap:8px;padding:1px 0;border-bottom:var(--s-line) solid color-mix(in srgb,var(--c-grid) 80%,transparent)}.st:last-child{border-bottom:none}.st__v{font-variant-numeric:tabular-nums}.pr{display:flex;align-items:center;gap:3px;margin-bottom:2px}.pr__s{width:12px;height:8px;background:var(--c)}.pr__d{margin-left:auto;color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:8px}.iso-cube-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.iso-cube__plots{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.iso-cube__panel{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.iso-cube__toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.iso-cube__modes{display:inline-flex;border:var(--s-line) solid var(--c-grid)}.iso-cube__mode{border:none;border-right:var(--s-line) solid var(--c-grid);background:color-mix(in srgb,var(--c-surface) 80%,black);color:var(--c-muted);padding:2px 6px;font:inherit;font-size:7px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.iso-cube__mode:last-child{border-right:none}.iso-cube__mode[data-active=true]{background:var(--c-border);color:var(--c-paper)}.iso-cube{display:block;width:156px;height:156px;border:var(--s-line) solid var(--c-grid);background:var(--c-paper);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.iso-cube:active{cursor:grabbing}.iso-cube__frame--dashed{opacity:.38;stroke-dasharray:1 2}.iso-cube__hint{color:var(--c-muted);font-size:7px;letter-spacing:.08em;text-transform:uppercase}.cube-row{display:flex;gap:4px;justify-content:center;align-items:flex-start}.cube-grid{display:grid;grid-template-columns:1fr;gap:4px;justify-items:start}.cube-row .canvas-box{flex:0 0 auto}.bars{display:flex;align-items:flex-end;gap:1px;height:34px}.bars span{flex:1 1 0;min-width:1px;border:var(--s-line) solid color-mix(in srgb,var(--c-border) 20%,transparent);border-bottom:none}.lc-header{display:flex;justify-content:space-between;margin-bottom:3px;color:var(--c-muted);font-size:7px;text-transform:uppercase}.lc-wrap{display:flex;flex-direction:column;gap:1px}.lc-row{display:flex;height:4px}.lc-bar{height:100%}.lc-bar--l{margin-left:auto}.strip-row{display:flex;align-items:center;gap:4px}.strip-lbl{width:24px;flex:0 0 24px;font-size:7px;text-transform:uppercase;text-align:right;color:var(--c-muted)}.strip{flex:1;display:flex;height:10px;border:var(--s-line) solid var(--c-grid);overflow:hidden}.strip span{flex:1 1 0}.dither-strip{display:flex;height:22px;border:var(--s-line) solid var(--c-grid);background:var(--c-paper);overflow:hidden}.dither-strip__slot{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.dither-strip__top{display:block;height:9px}.dither-strip__bottom{display:block;flex:1}.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;height:58px;border:var(--s-line) solid var(--c-grid);background:var(--c-grid)}.mix-grid__cell{display:block;min-width:0;min-height:0}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.comp-card{display:flex;flex-direction:column;gap:2px}.comp-card span{color:var(--c-muted);font-size:7px;text-transform:uppercase}.cursor-probe{position:fixed;z-index:1000;display:none;align-items:center;gap:4px;padding:2px 4px;border:var(--s-line) solid var(--c-border);background:color-mix(in srgb,var(--c-paper) 92%,black);pointer-events:none;font-size:9px}.cursor-probe.is-visible{display:inline-flex}.cursor-probe__dot{width:7px;height:7px;border:var(--s-line) solid var(--c-border);border-radius:999px}.metric-note{margin-bottom:4px;color:var(--c-muted);font-size:7px;letter-spacing:.04em;text-transform:uppercase}.metric-links{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.metric-link{color:var(--c-muted);text-decoration:underline;text-underline-offset:1px;font-size:7px;text-transform:uppercase}.metric-toolbar{display:flex;justify-content:flex-end;margin-bottom:4px}.metric-toolbar--inline{align-items:center;gap:4px;margin-bottom:0}.metric-toolbar__label{color:var(--c-muted);font-size:7px;letter-spacing:.04em;text-transform:uppercase}.metric-link--button{padding:0;border:none;background:none;font:inherit;cursor:pointer}.metric-toolbar select{max-width:100%;font-size:8px;color:var(--c-muted)}.metric-list{display:flex;flex-direction:column;gap:3px}.metric-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:5px}.metric-summary div{display:flex;flex-direction:column;gap:1px;padding:3px;background:color-mix(in srgb,var(--c-paper) 80%,transparent)}.metric-summary span{color:var(--c-muted);font-size:7px;text-transform:uppercase}.metric-summary strong{font-size:9px;font-variant-numeric:tabular-nums}.lum-bars{display:flex;align-items:end;gap:1px;height:42px;margin-bottom:5px}.lum-bars span{flex:1;min-width:0;border:var(--s-line) solid color-mix(in srgb,var(--c-border) 20%,transparent)}.dist-bars{display:flex;align-items:end;gap:2px;height:18px;margin-bottom:5px}.dist-bars span{flex:1;min-width:0;background:color-mix(in srgb,var(--c-ink) 18%,var(--c-paper))}.metric-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0;padding-bottom:2px;border-bottom:var(--s-line) solid color-mix(in srgb,var(--c-grid) 80%,transparent)}.metric-row--danger{background:color-mix(in srgb,#d44 8%,transparent)}.metric-row:last-child{border-bottom:none;padding-bottom:0}.name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}.name-chip{display:flex;align-items:center;gap:6px;min-width:0;padding:4px;border:var(--s-line) solid var(--c-grid);background:color-mix(in srgb,var(--c-surface) 72%,transparent)}.name-chip__swatch{flex:0 0 12px;width:12px;height:12px;border:var(--s-line) solid var(--c-border)}.name-chip__copy{display:flex;flex-direction:column;min-width:0}.name-chip__title,.name-chip__meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.name-chip__title{color:var(--c-ink)}.name-chip__meta{color:var(--c-muted);font-size:8px}.metric-name{color:var(--c-muted);font-size:8px;text-transform:uppercase}.metric-pair{display:flex;gap:1px}.metric-pair span{width:11px;height:8px;background:var(--c)}.stereo-pair{display:flex;flex-direction:column;width:13px}.stereo-pair>span{aspect-ratio:1;height:auto;display:flex;align-items:center;justify-content:center;background:var(--c)}.stereo-pair>span>span{width:50%;height:50%;background:var(--c)}.metric-copy{min-width:0}.metric-copy__title{font-variant-numeric:tabular-nums}.metric-copy__meta{color:var(--c-muted);font-size:7px;text-transform:uppercase}.metric-value{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:8px}