/* Autonomous 1961–2060 — State Sequencer */
.sequencer-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:18px 0}.sequencer-palette button{--seq-color:var(--accent);display:grid;gap:5px;text-align:left;background:#0b0b0b;color:var(--text);border:1px solid var(--line);padding:9px;cursor:pointer}.sequencer-palette button i{display:block;height:5px;background:var(--seq-color)}.sequencer-palette button strong{font-size:9px}.sequencer-palette button small{font-size:7px;color:#777}.sequencer-palette button.active{border-color:var(--seq-color);background:#121212}.sequencer-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.sequencer-grid button{--seq-color:#222;min-height:120px;background:#090909;color:var(--text);border:1px solid var(--seq-color);padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column}.sequencer-grid button span{font-size:8px;color:var(--seq-color)}.sequencer-grid button strong{font-size:11px;margin:auto 0 8px}.sequencer-grid button small{font-size:7px;color:#777}.sequencer-grid button.active{box-shadow:0 0 0 2px var(--seq-color),0 0 30px color-mix(in srgb,var(--seq-color) 25%,transparent)}.sequencer-controls{display:grid;grid-template-columns:180px 180px repeat(4,auto);gap:7px;align-items:end;padding:14px 0}.sequencer-controls label{display:grid;gap:5px}.sequencer-controls span{font-size:7px;color:#777}.sequencer-controls select,.sequencer-controls button,.sequencer-actions button,.saved-sequences button{background:#0c0c0c;color:var(--text);border:1px solid var(--line);padding:9px;cursor:pointer}.sequencer-stage{border:1px solid var(--line);padding:20px;background:#070707}.seq-track{height:240px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;align-items:end}.seq-track i{--seq-color:#222;display:block;height:var(--seq-h);background:linear-gradient(to top,var(--seq-color),transparent);border-bottom:2px solid var(--seq-color);position:relative;opacity:.65;transition:.25s}.seq-track i.active{opacity:1;filter:brightness(1.45);transform:translateY(-7px)}.seq-track i span{position:absolute;top:-18px;font-style:normal;font-size:7px;color:#777}.seq-readout{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.seq-readout span,.seq-readout strong,.seq-readout small{display:block}.seq-readout span{font-size:7px;color:var(--accent)}.seq-readout strong{font-size:26px;margin:6px 0}.seq-readout small{color:#777}.sequencer-receipt{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.sequencer-receipt div{padding:12px;border-right:1px solid var(--line)}.sequencer-receipt span,.sequencer-receipt strong{display:block}.sequencer-receipt span{font-size:7px;color:#777}.sequencer-receipt strong{margin-top:5px}.sequencer-actions{display:flex;gap:7px;flex-wrap:wrap;padding:18px 0 48px}.sequencer-actions button:first-child{background:var(--accent);color:#080808;border-color:var(--accent)}.saved-sequences{padding:45px 0;border-top:1px solid var(--line)}.saved-sequences>[data-saved-sequences]{display:grid;gap:7px}.saved-sequences article{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);padding:13px}.saved-sequences article span,.saved-sequences article strong,.saved-sequences article small{display:block}.saved-sequences article span{font-size:7px;color:var(--accent)}.saved-sequences article strong{margin:5px 0}.saved-sequences article small{color:#777}.saved-sequences article>div:last-child{display:flex;gap:6px;align-items:center}
@media(max-width:980px){.sequencer-palette,.sequencer-grid{grid-template-columns:repeat(4,1fr)}.sequencer-controls{grid-template-columns:1fr 1fr}.sequencer-receipt{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sequencer-palette,.sequencer-grid,.sequencer-receipt{grid-template-columns:1fr 1fr}.sequencer-controls{grid-template-columns:1fr}.saved-sequences article{flex-direction:column}.seq-track{height:180px}}