<!-- SS · part 68 -->
lign-self:flex-start}
/* songs */
.es-songs .es-close{margin-left:auto;font-size:12px;letter-spacing:0}
.es-songlist{list-style:none;margin:6px 0 0;padding:0}
.es-song{border-top:1px solid #241416;padding:10px 0}
.es-song-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.es-song-t{font-weight:700;color:#fff;overflow-wrap:anywhere}
.es-song-m{color:var(--mu);font-size:11px;white-space:nowrap}
.es-song audio{width:100%;margin-top:6px;height:38px}
.es-song .es-prompt-row{margin-top:6px}
#es a.es-btn{text-decoration:none;display:inline-flex;align-items:center}
.es-dialog{background:#0d0d0e;color:var(--tx);border:1px solid var(--r);border-radius:14px;padding:0;width:min(560px,94vw);max-height:84vh}
.es-dialog::backdrop{background:rgba(0,0,0,.75)}
.es-dlg-in{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:82vh}
.es-dlg-in h2{margin:0;font-size:16px;color:var(--g2)}
#es .es-dlg-in input{padding:10px !important;font-size:16px !important}
.es-remix-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1;min-height:120px}
#es .es-remix-list button{width:100%;text-align:left;background:none !important;border:0 !important;border-bottom:1px solid #222 !important;border-radius:0 !important;color:#fff !important;padding:11px 6px !important;font:14px inherit !important;box-shadow:none !important}
.es-remix-list small{color:var(--mu);margin-left:6px}
.es-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:9999;background:#000;border:1px solid var(--r);color:#fff;padding:10px 16px;border-radius:12px;max-width:92vw;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.6)}
.es-busy{position:relative;opacity:.75;pointer-events:none}
@media(max-width:420px){.es-brand b{font-size:16px}.es-seal{width:40px;height:40px}.es-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.es-seqgrid,.es-rollgrid{grid-template-columns:34px repeat(16,minmax(0,1fr));gap:2px}.es-tl{grid-template-columns:62px minmax(0,1fr)}}
/* ---------- desktop console ---------- */
@media(min-width:1100px){
  #es{padding:12px 12px 24px}
  .es-mtabs{display:none}
  .es-top{grid-template-columns:auto 1fr auto auto;padding:8px 14px}
  .es-readouts{grid-column:auto;grid-template-columns:72px 110px 90px 130px}
  .es-topright{grid-column:auto;flex-direction:column;align-items:flex-end;gap:4px}
  .es-transport{justify-content:center}
  .es-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 330px;grid-template-areas:"writer timeline right" "seq roll right" "eq wave right";grid-template-rows:auto auto auto;gap:10px;align-items:start}
  .es-panel[data-m]{display:block}
  .es-writer{grid-area:writer;align-self:stretch}
  .es-timeline{grid-area:timeline;align-self:stretch}
  .es-seq{grid-area:seq;align-self:stretch}
  .es-roll{grid-area:roll;align-self:stretch}
  .es-eqp{grid-area:eq;align-self:stretch}
  .es-wave{grid-area:wave;align-self:stretch}
  .es-right{grid-area:right;display:flex;flex-direction:column;gap:10px}
  .es-blocks{max-height:330px}
  .es-tl-canvas canvas{height:250px}
  .es-actions{position:static}
  .es-songs{display:none !important;position:fixed;top:80px;right:16px;width:380px;max-height:78vh;overflow:auto;z-index:60;box-shadow:0 16px 50px rgba(0,0,0,.8);border-color:var(--r)}
  #es.songs-open .es-songs{display:block !important}
  .es-seq .es-seqgrid{grid-template-columns:42px repeat(16,minmax(0,1fr))}
}
@media(max-width:1099px){.es-songs .es-close{display:none}}

/* record + stems */
.es-rec-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:8px 0;font-size:12px;color:#ccc}
.es-rec-opts label{display:flex;gap:6px;align-items:center}
#es .es-rec-opts input[type=checkbox]{width:16px !important;height:16px !important;accent-color:#e3122c}
#es .es-r-meter{display:block;width:100%;height:10px;margin:8px 0;background:#050505;border:1px solid var(--ln);border-radius:4px}
#es #es-r-rec.is-on{background:#fff !important;color:#000 !important}
.es-stems{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.es-stem{border:1px solid var(--ln);border-left:3px solid var(--g);border-radius:10px;padding:8px;background:rgba(255,255,255,.02)}
.es-stem.is-muted{opacity:.5}
.es-stem-h{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:6px}
#es .es-stem-h input[type=text]{flex:1;min-width:0;background:#0a0a0a !important;color:#fff !important;border:1px solid var(--ln) !important;border-radius:6px !important;padding:5px 7px !important;font-size:12px !important}
.es-stem-g{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.es-stem-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
#es .es-stem select{background:#0a0a0a !important;color:#fff !important;border:1px solid var(--ln) !important;border-radius:6px !important;padding:5px !important;font-size:12px !important}
#es .es-stem .es-btn-sm{padding:5px 8px !important;min-height:30px}

/* equalizer */
.es-eq-top{