/* Build 054: compact Flow waveform sequencer, canvas remains unobstructed. */
.seq-lab{margin:.6rem 0;border:1px solid rgba(130,178,205,.22);border-radius:10px;padding:.55rem;background:rgba(12,32,47,.66);font-size:.8rem}
.seq-lab summary{cursor:pointer;font-size:.77rem;font-weight:700;letter-spacing:.045em;color:#c0e0f0}
.seq-lab p{font-size:.74rem;line-height:1.45;color:#b0c7d8;margin:.55rem 0}
.seq-actions,.seq-list{display:flex;gap:.4rem;flex-wrap:wrap;margin:.55rem 0}
.seq-actions button,.seq-list button,.seq-lab #seq-export{font-size:.75rem;padding:.45rem .65rem;min-height:36px}
.seq-list button[aria-pressed=true]{outline:2px solid #6fcdbf}
.seq-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.5rem 0}
.seq-config label{display:flex;flex-direction:column;gap:.22rem;font-size:.72rem;min-width:0}
.seq-config input,.seq-config select{width:100%;min-width:0;box-sizing:border-box;min-height:34px;font-size:.8rem}
.seq-config label:first-child{grid-column:1/-1;flex-direction:row;align-items:center}
.seq-config label:first-child input{width:auto}
.seq-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.seq-metrics div{padding:.4rem;background:rgba(100,148,175,.09);border-radius:6px;min-width:0}
.seq-metrics span{display:block;font-size:.65rem;color:#abc3d1}
.seq-metrics b{font-size:.85rem;color:#d5f7f1}
.seq-lab canvas{width:100%;height:100px;display:block;margin:.4rem 0}
@media(max-width:390px){.seq-config{gap:.35rem}.seq-lab{padding:.4rem}.seq-metrics b{font-size:.75rem}}
