/* Music studio: create on the left, your songs on the right; glass like the chat */
.ms{padding:92px 20px calc(var(--dock,0px) + 40px);overflow-y:auto}
.ms-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:22px;align-items:start}
.ms-make,.ms-lib{padding:22px;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(190,205,255,.05) 50%,rgba(255,255,255,.08));
  border:1px solid rgba(220,230,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 80px -40px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
.ms-make{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.ms-make header h1{margin:2px 0 6px;font:800 30px/1.1 var(--sans)}.ms-make header p{margin:0;color:var(--muted)}
.ms-kicker{margin:0;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#9CC3FF}
.ms-make label{display:flex;flex-direction:column;gap:7px;font:600 13px var(--sans);color:var(--muted)}
.ms-make label>span{display:flex;justify-content:space-between;align-items:center}
.ms-make textarea,.ms-make input:not([type=checkbox]){padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(8,10,22,.45);color:var(--ink);font:500 15px var(--sans);resize:vertical}
.ms-tabs,.ms-voice{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(255,255,255,.06)}
.ms-tabs button,.ms-voice button{flex:1;min-height:38px;border:0;border-radius:11px;background:none;color:var(--muted);font:650 14px var(--sans);cursor:pointer}
.ms-tabs button[aria-selected=true],.ms-voice button[aria-pressed=true]{background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.08));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ms-voice{flex:1}.ms-voice button{font-size:13px;min-height:34px}
.ms-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ms-switch{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--ink)!important}
.ms-switch input{width:20px;height:20px;accent-color:#3d86ff}
.ms-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:-6px}
.ms-chip{padding:6px 11px;border-radius:99px;border:1px solid rgba(220,230,255,.18);background:rgba(255,255,255,.06);color:#dfe6ff;font:600 12px var(--sans);cursor:pointer}
.ms-chip:hover{background:rgba(255,255,255,.14)}
.ms-link{border:0;background:none;color:#9fd0ff;font:650 12.5px var(--sans);cursor:pointer;padding:0}
.ms-go{min-height:54px;border-radius:16px!important;font-size:17px!important;background:linear-gradient(135deg,#ff7ac6,#7b5cff 55%,#3d86ff)!important;color:#fff!important;font-weight:800}
.ms-go:disabled{opacity:.55}
.ms-msg{margin:0;color:#FF9A8B;font-size:14px}.ms-msg:empty{display:none}
.ms-fine{margin:0;font-size:12px;color:var(--faint)}
.ms-lib h2{margin:0 0 12px;font:750 18px var(--sans)}
#mslist{display:flex;flex-direction:column;gap:8px}
.ms-song{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:8px;border-radius:16px;background:rgba(255,255,255,.04)}
.ms-song:hover{background:rgba(255,255,255,.08)}
.ms-cover{position:relative;width:64px;height:64px;border-radius:12px;border:0;padding:0;cursor:pointer;background:linear-gradient(140deg,#ff7ac6,#7b5cff 55%,#3d86ff) center/cover;overflow:hidden}
.ms-pp{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;background:rgba(0,0,0,.25);opacity:0;transition:opacity .15s}
.ms-cover:hover .ms-pp,.ms-cover.on .ms-pp{opacity:1}.ms-cover.on .ms-pp{font-size:0}.ms-cover.on .ms-pp::after{content:'❚❚';font-size:16px}
.ms-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.ms-meta b{font:650 15px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-meta b em{font-style:normal;font-weight:500;color:var(--faint);font-size:12px}
.ms-meta span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-dur{font:600 12.5px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.ms-dl{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:18px}
.ms-song.is-bad .ms-meta span{color:#FF9A8B}
.ms-wave{display:flex;align-items:center;justify-content:center;gap:3px;cursor:default}
.ms-wave i{width:5px;height:30%;border-radius:3px;background:#fff;opacity:.85;animation:mswave 1.1s ease-in-out infinite}
.ms-wave i:nth-child(2){animation-delay:-.3s}.ms-wave i:nth-child(3){animation-delay:-.6s}.ms-wave i:nth-child(4){animation-delay:-.2s}.ms-wave i:nth-child(5){animation-delay:-.8s}
@keyframes mswave{0%,100%{height:25%}50%{height:75%}}
.ms-empty{color:var(--muted)}
@media (max-width:860px){.ms{padding-top:72px}.ms-wrap{grid-template-columns:1fr}.ms-make{position:static}}