/* The labels explain a visual metaphor, not calibrated sensor conversion. */
.spectrum-intro{position:relative;margin-bottom:31px}
.spectrum-intro .spectrum-kicker{margin:0 0 14px;color:#567381;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.spectrum-key{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0;font-size:11px;color:#355768;line-height:1.6}
.spectrum-key li{display:inline-flex;align-items:center;gap:7px}
.spectrum-key li:before{content:"";width:21px;height:2px;background:var(--spectrum-color,#65afa9);opacity:.8}
.spectrum-key li[data-spectrum="infrared"]{--spectrum-color:#cf696a}
.spectrum-key li[data-spectrum="near-infrared"]{--spectrum-color:#aa80c2}
.spectrum-key li[data-spectrum="visible"]{--spectrum-color:#4eae95}
.spectrum-key li[data-spectrum="data"]{--spectrum-color:#598fbb}
.spectrum-key .spectrum-output{font-weight:700}
.spectrum-key .spectrum-output:before{width:43px;background:linear-gradient(90deg,#966bb3,#5186c7,#48a9ab,#71a762,#c6ad65,#c96e6d)}
.spectrum-intro .spectrum-note{margin:11px 0 0;color:#607780;font-size:10px;line-height:1.6}
.spectrum-display-host{position:relative}
.scene-wrapper>.spectrum-backdrop{z-index:1}
.scene-wrapper.spectrum-display-host .feed-card{background:rgba(251,252,248,.92)}
.neural-view .orbit-stage>.spectrum-backdrop{z-index:0}
.neural-view .orbit-stage .spectrum-canvas{z-index:auto;visibility:visible}
.demo-player.spectrum-display-host{isolation:isolate}
.demo-player>.spectrum-backdrop{z-index:0;bottom:auto;height:240px}
.demo-player>.demo-tabs,.demo-player>.demo-panel{position:relative;z-index:1}
.spectrum-display-note{font-size:10px;color:#a6bcc9;margin:11px 0 0;line-height:1.6}
@media(max-width:740px){.spectrum-intro{margin-bottom:27px}.spectrum-key{font-size:10px;gap:8px 15px}.spectrum-key li:before{width:15px}.spectrum-key .spectrum-output{flex-basis:100%;margin-top:4px}.spectrum-intro .spectrum-note{font-size:9px}}