.scene-lcd{--lcd-ink:#243126;--lcd-paper:#aebaa0;box-sizing:border-box;height:246px;margin:0 0 18px;padding:12px 14px;background:var(--lcd-paper);color:var(--lcd-ink);border:7px solid #25292b;border-radius:5px;box-shadow:inset 0 0 18px #24312630,0 2px 0 #050708,0 0 0 1px #646765;overflow:hidden;font-size:10px;font-family:var(--site-small-font,monospace);font-variant-numeric:tabular-nums}
.scene-lcd-header,.scene-lcd-footer{display:flex;justify-content:space-between;gap:10px;height:21px;align-items:center;white-space:nowrap;overflow:hidden}.scene-lcd-header strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}.scene-lcd-header>span{flex-shrink:0;border:1px solid var(--lcd-ink);padding:2px 5px;font-size:8px}.scene-lcd[data-state=playing] .scene-lcd-header>span{background:var(--lcd-ink);color:var(--lcd-paper)}.scene-lcd[data-state=queued] .scene-lcd-header>span{animation:lcd-queued .8s steps(2,end) infinite}.scene-lcd-identity{height:22px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--lcd-ink)}
.scene-lcd-ruler{display:flex;margin-left:78px;height:19px;line-height:19px}.scene-lcd-ruler span{flex:1;border-left:1px solid #24312650;padding-left:4px}.scene-lcd-body{display:grid;grid-template-columns:78px minmax(0,1fr);height:102px}.scene-lcd-labels{display:grid;grid-template-rows:1fr 1fr;font-size:9px;align-items:center}.scene-lcd-roll .pad-screen{box-sizing:border-box;height:102px;background:transparent;border:1px solid var(--lcd-ink);border-radius:0;grid-template-rows:1fr 1fr;gap:3px}.scene-lcd-roll .pad-lane{background:repeating-linear-gradient(to right,transparent 0,transparent calc(6.25% - 1px),#24312625 calc(6.25% - 1px),#24312625 6.25%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#24312615 calc(25% - 1px),#24312615 25%)}.scene-lcd-roll .pad-lane .pad-note{background:var(--lcd-ink);border-radius:0;opacity:.85!important}.scene-lcd-roll .pad-playhead{background:var(--lcd-ink);width:2px;box-shadow:2px 0 0 #aebaa080}.scene-lcd-stages{position:relative;margin-left:78px;height:24px;border-bottom:1px solid var(--lcd-ink)}.scene-lcd-stages span{box-sizing:border-box;position:absolute;height:24px;line-height:24px;border-left:1px solid var(--lcd-ink);padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-lcd-footer{font-size:9px;height:22px}
@keyframes lcd-queued{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.scene-lcd[data-state=queued] .scene-lcd-header>span{animation:none}}@media(max-width:600px){.scene-lcd{padding:9px 8px;border-width:5px;font-size:9px}.scene-lcd-header strong{font-size:11px}.scene-lcd-header>span{font-size:7px}.scene-lcd-body{grid-template-columns:64px minmax(0,1fr)}.scene-lcd-ruler,.scene-lcd-stages{margin-left:64px}.scene-lcd-labels{font-size:8px}}
.scene-lcd-themes{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin:0 0 7px;font-size:9px}.scene-lcd-themes>span{margin-right:auto;letter-spacing:.12em;color:var(--muted)}.scene-lcd-themes button{padding:5px 7px;min-height:30px;border-radius:3px;font-size:9px;border-bottom:3px solid var(--screen-swatch,#aebaa0)}.scene-lcd-themes button[aria-pressed=true]{background:var(--screen-swatch,#aebaa0);color:#10141b;box-shadow:0 0 10px color-mix(in srgb,var(--screen-swatch,#aebaa0) 35%,transparent)}
.scene-lcd-themes [data-theme=amber]{--screen-swatch:#ffbd59}.scene-lcd-themes [data-theme=phosphor]{--screen-swatch:#8cff8e}.scene-lcd-themes [data-theme=ice]{--screen-swatch:#8be9ff}.scene-lcd-themes [data-theme=amiga]{--screen-swatch:#ff87ad}.scene-lcd-themes [data-theme=candy]{--screen-swatch:#ffa6ec}.scene-lcd-themes [data-theme=plasma]{--screen-swatch:#faff70}
.scene-lcd{--lcd-chords:var(--lcd-ink);--lcd-bass:var(--lcd-ink);--lcd-grid:color-mix(in srgb,var(--lcd-ink) 18%,transparent);--lcd-bezel:#25292b;--lcd-glow:transparent;border-color:var(--lcd-bezel);box-shadow:inset 0 0 18px color-mix(in srgb,var(--lcd-ink) 15%,transparent),0 2px 0 #050708,0 0 0 1px color-mix(in srgb,var(--lcd-ink) 45%,transparent);text-shadow:0 0 5px var(--lcd-glow)}
.scene-lcd[data-theme=amber]{--lcd-paper:#211307;--lcd-ink:#ffbd59;--lcd-bezel:#49321e;--lcd-glow:#ff990055}
.scene-lcd[data-theme=phosphor]{--lcd-paper:#071709;--lcd-ink:#8cff8e;--lcd-bezel:#203c26;--lcd-glow:#33ff6655}
.scene-lcd[data-theme=ice]{--lcd-paper:#081825;--lcd-ink:#8be9ff;--lcd-bezel:#234154;--lcd-glow:#33ccff55}
.scene-lcd[data-theme=amiga]{--lcd-paper:#192357;--lcd-ink:#fff0d0;--lcd-chords:#ff87ad;--lcd-bass:#5df4ff;--lcd-bezel:#634882;--lcd-glow:#9c7aff44}
.scene-lcd[data-theme=candy]{--lcd-paper:#301230;--lcd-ink:#ffe1f7;--lcd-chords:#ffa6ec;--lcd-bass:#8cffe0;--lcd-bezel:#853e77;--lcd-glow:#ff5ac644}
.scene-lcd[data-theme=plasma]{--lcd-paper:#231243;--lcd-ink:#faff70;--lcd-chords:#ff764a;--lcd-bass:#5cfff0;--lcd-bezel:#7032a0;--lcd-glow:#ce5cff55}
.scene-lcd:not([data-theme=classic]){background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#00000020 3px,#00000020 4px)}
.scene-lcd .scene-lcd-ruler span{border-color:var(--lcd-grid)}.scene-lcd .pad-lane{background:repeating-linear-gradient(to right,transparent 0,transparent calc(6.25% - 1px),var(--lcd-grid) calc(6.25% - 1px),var(--lcd-grid) 6.25%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--lcd-grid) calc(25% - 1px),var(--lcd-grid) 25%)}.scene-lcd .pad-lane.chords .pad-note{background:var(--lcd-chords);box-shadow:0 0 4px var(--lcd-glow)}.scene-lcd .pad-lane.bass .pad-note{background:var(--lcd-bass);box-shadow:0 0 4px var(--lcd-glow)}.scene-lcd .pad-playhead{box-shadow:2px 0 0 color-mix(in srgb,var(--lcd-paper) 50%,transparent),0 0 5px var(--lcd-glow)}
@media(max-width:600px){.scene-lcd-themes{justify-content:flex-start;gap:4px}.scene-lcd-themes>span{width:100%;margin-right:0}.scene-lcd-themes button{min-height:34px;flex:1 0 auto}}
.drum-lcd .scene-lcd-labels{font-size:8px}
.drum-lcd .scene-lcd-roll .pad-screen{gap:2px}
.drum-lcd .pad-lane .pad-note{background:var(--lcd-chords);box-shadow:0 0 4px var(--lcd-glow)}
.drum-lcd .pad-lane:nth-child(even) .pad-note{background:var(--lcd-bass)}
.drum-lcd .scene-lcd-stages{font-size:8px}