.music-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border2);background:var(--adim);color:var(--accent);padding:8px 10px;font:10px 'Space Mono',monospace;cursor:pointer;white-space:nowrap}
.music-open[hidden]{display:none}
.music-open svg{flex-shrink:0}
.music-open:hover{border-color:var(--accent)}
.music-queue-action{flex-shrink:0;align-self:stretch;margin:0 20px 12px;min-height:36px}
@media(max-width:700px){.music-create-desktop{display:none}.music-create-mobile{margin:0 14px 10px}}
@media(min-width:701px){.music-create-mobile{display:none}}
#auth-bar+.music-open{margin-top:14px}
#music-dialog{width:min(580px,calc(100% - 24px));max-height:90dvh;padding:24px;margin:auto;border:1px solid var(--border2);border-radius:16px;background:#10101c;color:var(--text);overflow:auto;box-sizing:border-box;color-scheme:dark}
#music-dialog::backdrop{background:rgba(0,0,0,.78)}
.music-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}
.music-eyebrow{color:var(--accent);font:10px 'Space Mono',monospace;letter-spacing:2px;margin:0 0 10px}
#music-dialog h2{font-size:24px;line-height:1.2;margin:0}
#music-dialog h3{font-size:17px;margin:28px 0 10px}
#music-close{border:0;background:none;color:var(--text);font-size:22px;cursor:pointer;padding:0 4px}
.music-intro,.music-note{font-size:13px;line-height:1.6;color:var(--text2)}
#music-status{font-size:13px;line-height:1.5;color:var(--accent);min-height:20px}
#music-form label{display:block;font-size:13px;margin:14px 0 7px}
#music-form label span{float:right;color:var(--text3);font-size:11px}
#music-form input,#music-form select,#music-form textarea{display:block;width:100%;box-sizing:border-box;background:#191926;border:1px solid var(--border2);color:var(--text);padding:11px;border-radius:8px;font-family:inherit;font-size:14px}
#music-form textarea{resize:vertical;line-height:1.6}
#music-generate{width:100%;padding:13px;border:0;border-radius:8px;background:var(--accent);color:#080810;font:700 12px 'Space Mono',monospace;cursor:pointer}
#music-dialog button:disabled{opacity:.45;cursor:not-allowed}
.music-song{border-top:1px solid var(--border);padding:16px 0}
.music-song strong{display:block;overflow-wrap:anywhere;font-size:15px}
.music-song p{font-size:12px;color:var(--text2);line-height:1.5}
.music-song audio{width:100%;height:36px;display:block;margin:10px 0}
.music-actions{display:flex;gap:12px;align-items:center}
.music-actions button,.music-actions a{border:1px solid var(--border2);background:transparent;color:var(--accent);padding:8px 12px;border-radius:6px;text-decoration:none;font-size:12px;cursor:pointer}
#music-dialog :focus-visible,.music-open:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){#music-dialog{padding:18px}#music-dialog h2{font-size:21px}}
.music-open{border-radius:9px;position:relative;min-height:38px}
.music-open[data-state="waiting"]::after,.music-notice[data-state="waiting"]::before{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:music-spin 1s linear infinite;flex-shrink:0}
.music-open[data-state="ready"]::after{content:'';width:8px;height:8px;border-radius:50%;background:#6fe0ae;box-shadow:0 0 9px #6fe0ae66}
.music-notice{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;z-index:1000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:16px 20px;border:1px solid #a594ff;border-radius:14px;background:#211b38;color:#eee8ff;box-shadow:0 10px 40px #0008;font:500 13px 'Inter',sans-serif;cursor:pointer;text-align:left}
.music-notice[hidden]{display:none}.music-notice:focus-visible{outline:2px solid #c8b8ff;outline-offset:4px}.music-notice[data-state="ready"]::before{content:'♪';color:#6fe0ae;font-size:20px}
#music-dialog{width:min(640px,calc(100% - 24px));padding:30px;border-color:#7563ad;background:radial-gradient(ellipse at top left,#7c6fff19,transparent 60%),#10101c;box-shadow:0 30px 100px #0009}
#music-dialog::backdrop{background:#05050ccc;backdrop-filter:blur(6px)}
#music-close{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff0a;display:grid;place-items:center}#music-close:hover{background:#ffffff18}
#music-status:not(:empty){padding:13px 15px;border:1px solid #7c6fff40;border-radius:10px;background:#7c6fff10;margin:16px 0;color:#c2b7ff}
#music-dialog .music-intro{margin-top:14px;color:#b2acc8}#music-dialog .music-note{color:#a8a2bb;margin:12px 0}#music-form label span{color:#a8a2bb}
#music-form input:focus,#music-form select:focus,#music-form textarea:focus{border-color:#aa98ff;outline:2px solid #7c6fff30}
#music-generate{background:linear-gradient(100deg,#8c7bff,#ac89fa);color:#100d20;min-height:46px}.music-song{border:1px solid #ffffff12;border-radius:12px;background:#ffffff03;padding:16px;margin:12px 0}.music-song p{color:#b9b2ca;margin-top:8px}.music-actions{flex-wrap:wrap}
@keyframes music-spin{to{transform:rotate(360deg)}}
.music-customize{margin:16px 0;border:1px solid var(--border2);border-radius:var(--card-radius,16px);padding:0 14px}.music-customize summary{cursor:pointer;padding:14px 0;font-size:13px;min-height:44px;box-sizing:border-box}.music-customize summary small{color:var(--text2);margin-left:8px}.music-customize[open]{padding-bottom:14px}.music-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.music-option-grid>div{min-width:0}.music-instruments{margin:18px 0 8px;padding:0;border:0;min-width:0}.music-instruments legend{font-size:13px}.music-instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#music-form .music-instrument-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:8px 4px;min-height:44px;box-sizing:border-box}#music-form .music-instrument-grid input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}#music-lyrics-guidance[data-warning="true"]{color:#f3c583}.music-advanced{border-top:1px solid var(--border2);margin-top:12px}
@media(max-width:600px){#music-form input,#music-form select,#music-form textarea{font-size:16px}}
@media(max-width:600px){#music-dialog{padding:20px}.music-notice{right:16px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.music-open[data-state="waiting"]::after,.music-notice[data-state="waiting"]::before{animation:none}}
#music-dialog .music-intro{margin:8px 0 16px;font-size:13px}#music-dialog .music-eyebrow{margin-bottom:6px}#music-form>label,#music-form .music-option-grid label{margin-top:12px}#music-dialog .music-note{font-size:12px;margin:8px 0}#music-status:empty{display:none}#music-form textarea{min-height:120px}#music-dialog .music-customize{margin:12px 0;border:0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;border-radius:0;padding:0}#music-dialog .music-customize[open]{padding-bottom:12px}#music-dialog .premium-drafts{border-top:1px solid #ffffff18;padding-top:12px;margin:16px 0}#music-dialog .premium-drafts summary{font-size:13px;cursor:pointer}#music-dialog h3{font-size:16px;margin:20px 0 10px}