.under-light.svelte-1bf3g77{margin:12px 0;container-type:inline-size}@container (max-width: 460px){.controls.svelte-1bf3g77{gap:8px}.controls.svelte-1bf3g77 .scene:where(.svelte-1bf3g77){flex:1 1 100%}}.controls.demo.svelte-1bf3g77{border-bottom:1px solid var(--border, #2a2d36);padding-bottom:8px;margin-bottom:8px}.controls.svelte-1bf3g77 .star:where(.svelte-1bf3g77),.controls.svelte-1bf3g77 .sky:where(.svelte-1bf3g77){display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:200px}.controls.svelte-1bf3g77 .star:where(.svelte-1bf3g77) input:where(.svelte-1bf3g77){width:100%}.star-chip.svelte-1bf3g77{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.35);vertical-align:-1px;margin-right:4px}.controls.svelte-1bf3g77{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:.8em;margin-bottom:6px}.controls.svelte-1bf3g77 select:where(.svelte-1bf3g77){padding:3px 6px;background:var(--bg-control, #1b1e26);color:var(--text, #eee);border:1px solid var(--border, #2a2d36);border-radius:4px}.adapt.svelte-1bf3g77{display:flex;align-items:center;gap:6px}.depth.svelte-1bf3g77{display:flex;flex-direction:column;gap:2px;font-size:.8em;margin:4px 0 6px}.depth.svelte-1bf3g77 input:where(.svelte-1bf3g77){width:100%}.depth.svelte-1bf3g77 em:where(.svelte-1bf3g77){color:var(--text-muted, #cfcfcf);font-style:normal}.depth.svelte-1bf3g77 .floor:where(.svelte-1bf3g77){font-size:.86em;color:var(--text-faint, #8a8f9a);cursor:help}canvas.svelte-1bf3g77{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--border, #2a2d36);background:#000}.stage.svelte-1bf3g77{position:relative;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.stage.dragging.svelte-1bf3g77{cursor:grabbing}.seam.svelte-1bf3g77{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffffe6;box-shadow:0 0 6px #000000b3;pointer-events:none}.knob.svelte-1bf3g77{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000000a8;color:#fff;border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;cursor:ew-resize}.knob.svelte-1bf3g77:focus-visible{outline:2px solid var(--accent, #ff5a1f);outline-offset:2px}.edge.svelte-1bf3g77{position:absolute;top:6px;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf;text-shadow:0 1px 3px #000;pointer-events:none}.edge.left.svelte-1bf3g77{left:8px}.edge.right.svelte-1bf3g77{right:8px}.note.svelte-1bf3g77{font-size:.8em;color:var(--text-muted, #cfcfcf);margin:6px 0 0}.note.small.svelte-1bf3g77 a:where(.svelte-1bf3g77){color:var(--text-faint, #8a8f9a)}.note.small.svelte-1bf3g77 a:where(.svelte-1bf3g77):hover{color:var(--accent, #ff5a1f)}.level.svelte-1bf3g77{font-size:.78em;color:var(--text-muted, #cfcfcf);margin:6px 0 0}.level.dim.svelte-1bf3g77 b:where(.svelte-1bf3g77){color:#e0a32a}.note.small.svelte-1bf3g77{font-size:.74em;color:var(--text-faint, #8a8f9a)}.none.svelte-1bf3g77{font-size:.85em;color:var(--text-faint, #8a8f9a)}.confusions.svelte-1bf3g77,.sight.svelte-1bf3g77{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.78em;color:var(--text-muted, #cfcfcf)}.sight.svelte-1bf3g77 .pair:where(.svelte-1bf3g77) b:where(.svelte-1bf3g77){color:var(--text, #e8e8e8)}.sight.svelte-1bf3g77 .fog:where(.svelte-1bf3g77){color:#e0a32a}.pair.svelte-1bf3g77{display:inline-flex;align-items:center;gap:5px}.pair.svelte-1bf3g77 .sw:where(.svelte-1bf3g77){width:13px;height:13px;border-radius:3px;border:1px solid var(--border, #2a2d36)}.pair.svelte-1bf3g77 b:where(.svelte-1bf3g77){font-variant-numeric:tabular-nums}.pair.bad.svelte-1bf3g77 b:where(.svelte-1bf3g77){color:#e0a32a}.pair.worse.svelte-1bf3g77 b:where(.svelte-1bf3g77){color:#e74c3c}.grid.svelte-4vv31r{stroke:var(--border, #2a2d36);stroke-width:1}.grid.faint.svelte-4vv31r{stroke-opacity:.35}.frame.svelte-4vv31r{stroke:var(--text-faint, #8a8f9a);stroke-width:1}.tick.svelte-4vv31r{fill:var(--text-faint, #8a8f9a);font-size:10px}.tick.y.svelte-4vv31r{text-anchor:end}.tick.x.svelte-4vv31r{text-anchor:middle}.label.svelte-4vv31r{fill:var(--text-muted, #cfcfcf);font-size:11px;text-anchor:middle}.spectrum-chart.svelte-1x3mixs{margin:12px 0}figcaption.svelte-1x3mixs{font-size:.85em;color:var(--text-muted, #cfcfcf);margin-bottom:4px}svg.svelte-1x3mixs{width:100%;height:auto;display:block}.top.svelte-1x3mixs{fill:none;stroke:var(--text-faint, #8a8f9a);stroke-width:1.2;stroke-dasharray:4 3}.reference.svelte-1x3mixs{fill:none;stroke:#e8b17a;stroke-opacity:.65;stroke-width:1.2;stroke-dasharray:1 3}.surface.svelte-1x3mixs{fill:none;stroke:var(--link, #6cb6ff);stroke-width:1.6}.surface-fill.svelte-1x3mixs{fill:var(--link, #6cb6ff);fill-opacity:.16}.absorb.svelte-1x3mixs{fill:#7ad07a;fill-opacity:.22;stroke:#7ad07a;stroke-opacity:.6;stroke-width:1}.peak.svelte-1x3mixs{stroke:#fc5;stroke-width:1;stroke-dasharray:3 2}.peak-label.svelte-1x3mixs{fill:#fc5;font-size:10px}.legend.svelte-1x3mixs{display:flex;flex-wrap:wrap;gap:14px;font-size:.75em;color:var(--text-faint, #8a8f9a);margin-top:2px}.key.svelte-1x3mixs:before{content:"";display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle}.reference-key.svelte-1x3mixs:before{background:#e8b17a}.top-key.svelte-1x3mixs:before{background:var(--text-faint, #8a8f9a)}.surface-key.svelte-1x3mixs:before{background:var(--link, #6cb6ff)}.absorb-key.svelte-1x3mixs:before{background:#7ad07a}.swatch-row.svelte-s7ppwx{display:inline-flex;align-items:center;gap:8px}.chip.svelte-s7ppwx{display:inline-block;border-radius:4px;border:1px solid var(--border, #2a2d36);box-shadow:inset 0 0 0 1px #00000040;flex:none}.txt.svelte-s7ppwx{display:flex;flex-direction:column;line-height:1.15}.lab.svelte-s7ppwx{font-size:.85em;color:var(--text, #eee)}.sub.svelte-s7ppwx{font-size:.72em;color:var(--text-faint, #8a8f9a)}.sr.svelte-s7ppwx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}