/* YooY Music Studio — Suno inspired */
.yms-studio{display:grid;grid-template-columns:170px 1fr 270px;gap:0;min-height:calc(100vh - 68px);margin:-28px;background:#080808;border-radius:20px;overflow:hidden;border:1px solid rgba(220,170,45,.15)}
.yms-tabs{background:#0a0a0a;border-right:1px solid rgba(220,170,45,.12);padding:12px 8px;display:flex;flex-direction:column;gap:4px}
.yms-tab{border:1px solid transparent;background:transparent;color:#999;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;font-size:13px}
.yms-tab:hover,.yms-tab.is-active{background:#151515;color:#ffd76a;border-color:rgba(220,170,45,.3)}
.yms-workspace{padding:20px;overflow:auto}
.yms-controls{background:#0a0a0a;border-left:1px solid rgba(220,170,45,.12);padding:16px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.yms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.yms-header h2{margin:0;font-size:22px}
.yms-badge{background:#1a1508;border:1px solid rgba(220,170,45,.3);color:#d8a63a;border-radius:999px;padding:4px 12px;font-size:11px}
.yms-mode-toggle{display:flex;gap:6px;margin-bottom:16px}
.yms-mode-btn{background:#151515;border:1px solid rgba(220,170,45,.2);border-radius:999px;padding:8px 16px;color:#aaa;cursor:pointer;font-size:13px}
.yms-mode-btn.is-active{background:#1a1508;border-color:#d8a63a;color:#ffd76a}
.yms-player{background:#0d0d0d;border:1px solid rgba(220,170,45,.2);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:center;margin-bottom:16px}
.yms-cover{width:80px;height:80px;border-radius:12px;object-fit:cover;background:#1a1a1a}
.yms-player-info{flex:1}
.yms-player-info strong{display:block;font-size:16px;margin-bottom:4px}
.yms-player-info span{font-size:12px;color:#888}
.yms-player audio{width:100%;margin-top:8px;height:32px}
.yms-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.yms-field label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}
.yms-field input,.yms-field select,.yms-field textarea{background:#111;border:1px solid rgba(220,170,45,.25);border-radius:10px;color:#fff;padding:8px 12px;font-size:13px}
.yms-field textarea{min-height:160px;font-family:monospace;line-height:1.6;resize:vertical}
.yms-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yms-btn-primary{background:#f2c14e;border:0;border-radius:999px;padding:12px 24px;font-weight:800;cursor:pointer;color:#111}
.yms-btn-primary:disabled{opacity:.5;cursor:not-allowed}
.yms-btn-secondary{background:#1a1a1a;border:1px solid rgba(220,170,45,.3);border-radius:999px;padding:8px 16px;color:#ffd76a;cursor:pointer;font-size:13px}
.yms-result-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding:12px;background:#111;border:1px solid rgba(220,170,45,.2);border-radius:12px}
.yms-result-actions span{width:100%;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.yms-btn-secondary:hover{background:#222}
.yms-credits-bar{background:#111;border:1px solid rgba(220,170,45,.2);border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px}
.yms-credits-bar strong{color:#ffd76a}
.yms-structure-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.yms-struct-tag{background:#151515;border:1px solid rgba(220,170,45,.2);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;color:#aaa}
.yms-struct-tag:hover,.yms-struct-tag.is-active{border-color:#d8a63a;color:#ffd76a}
.yms-track-card{display:flex;gap:12px;padding:12px;background:#111;border-radius:12px;margin-bottom:8px;cursor:pointer;border:1px solid transparent}
.yms-track-card:hover{border-color:rgba(220,170,45,.3)}
.yms-track-card img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.yms-track-meta{flex:1;min-width:0}
.yms-track-meta strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yms-track-meta span{font-size:11px;color:#777}
.yms-ref-upload{border:2px dashed rgba(220,170,45,.3);border-radius:12px;padding:16px;text-align:center;color:#888;font-size:12px;cursor:pointer}
.yms-ref-upload:hover{border-color:#d8a63a;color:#ffd76a}
.yms-advanced-slider{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.yms-advanced-slider input[type=range]{width:100%}
.yms-advanced-slider span{font-size:12px;color:#888;display:flex;justify-content:space-between}
.yms-empty{color:#666;text-align:center;padding:32px}
.yms-error{color:#ff6b6b;padding:10px;background:#1a0808;border-radius:10px;font-size:13px;margin-top:10px}
.yms-loading{color:#d8a63a;text-align:center;padding:20px}
@media(max-width:1100px){.yms-studio{grid-template-columns:1fr}.yms-tabs,.yms-controls{display:none}}