<!-- SS · part 60 -->
es-panel[data-m="rec"],#es[data-mtab="wave"] .es-panel[data-m="wave"],#es[data-mtab="kit"] .es-panel[data-m="kit"],#es[data-mtab="songs"] .es-panel[data-m="songs"]{display:block}
.es-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0 0 8px;font:800 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.1em;color:var(--g2)}
.es-h small{font-size:9px;letter-spacing:.14em;color:var(--mu);font-weight:600}
.es-h small b{color:var(--r2)}
.es-ic{color:var(--r2)}
#es .es-btn{appearance:none;background:#121214 !important;border:1px solid #3a2224 !important;color:#fff !important;font:600 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;padding:11px 14px !important;border-radius:10px !important;min-height:42px;cursor:pointer;box-shadow:none !important}
#es .es-btn:hover{border-color:var(--r) !important}
#es .es-btn:disabled{opacity:.5}
#es .es-btn-red{background:var(--r) !important;border-color:var(--r) !important;color:#000 !important}
#es .es-btn-sm{padding:7px 10px !important;min-height:34px;font-size:12px !important}
.es-link{background:none;border:0;color:var(--r2);cursor:pointer;font:inherit;text-decoration:underline;padding:4px}
.es-mini{display:inline-flex;align-items:center;gap:6px;color:#ccc;font-size:12px;font-weight:600}
#es .es-mini input[type=number]{width:58px;padding:6px !important}
#es .es-sel{padding:7px 8px !important;font-size:13px !important;min-height:34px;width:auto}
.es-hint{color:var(--mu);font-size:12px}
.es-status{color:#ffc7ce;font-size:12px;margin-top:8px;min-height:1.3em}
/* writer */
.es-chat{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow:auto;margin-bottom:8px}
.es-msg{background:#1a0306;border:1px solid #4a0c16;color:#ffd0d6;border-radius:10px;padding:7px 9px;font-size:12.5px}
.es-msg.me{background:#0e0e10;border-color:#2c2c30;color:#ddd;align-self:flex-end;max-width:90%}
.es-blocks{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;padding-right:2px}
.es-block{border:1px solid #3a1a1e;border-radius:10px;padding:6px 8px;background:#090909}
.es-block b{display:block;color:var(--r2);font-size:11px;letter-spacing:.12em;margin-bottom:3px}
#es .es-block textarea{width:100%;border:0 !important;background:transparent !important;padding:0 !important;font:13px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;resize:none;overflow:hidden;color:#eee !important}
.es-prompt{margin-top:8px;display:flex;flex-direction:column;gap:6px}
#es .es-prompt textarea{width:100%;padding:9px !important;font-size:16px !important;resize:vertical}
.es-prompt-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
#es .es-prompt-row input{flex:1;min-width:0;padding:9px !important;font-size:16px !important}
.es-remix{margin:6px 0;padding:6px 8px;border:1px dashed var(--r);border-radius:8px;font-size:12px}
.es-suno{margin-top:8px;font-size:12px;color:var(--mu)}
.es-suno summary{cursor:pointer}
.es-copyrow{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:6px}
#es .es-copyrow textarea{width:100%;font-size:12px !important;padding:6px !important}
.es-foot{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding-top:6px;border-top:1px solid #221214;font-size:9px;letter-spacing:.12em;color:var(--mu)}
/* timeline */
.es-secs{display:flex;gap:3px;margin-bottom:6px;overflow:hidden}
#es .es-secbtn{flex:1 1 0;min-width:0;background:#0c0c0d !important;border:1px solid #4a3a1a !important;color:var(--g2) !important;border-radius:7px !important;padding:5px 2px !important;font:700 10px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:34px;box-shadow:none !important}
#es .es-secbtn small{display:block;font-weight:500;color:var(--mu);font-size:9px}
#es .es-secbtn.is-sel{border-color:var(--r2) !important;background:#22050b !important;color:#fff !important}
#es .es-secbtn.is-play{box-shadow:inset 0 -3px 0 var(--r2) !important}
.es-arr-tools{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:6px}
.es-tl{display:grid;grid-template-columns:74px minmax(0,1fr);border:1px solid #2a1416;border-radius:10px;overflow:hidden;background:#050505}
.es-tl-labels{display:flex;flex-direction:column;border-right:1px solid #2a1416}
.es-tl-ruler-l{height:20px;border-bottom:1px solid #1b1b1b}
.es-lane-l{height:46px;padding:6px 6px;border-bottom:1px solid #161616;border-left:3px solid var(--c);display:flex;flex-direction:column;justify-content:center;min-width:0}
.es-lane-l b{font-size:11px;color:var(--c);letter-spacing:.06em}
.es-lane-l small{font-size:8px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-tl-canvas{position:relative;min-width:0;cursor:pointer}
.es-tl-canvas canvas{display:block;width:100%;height:250px}
.es-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--r2);box-shadow:0 0 8px var(--r2