.music-studio{--music-blue:#2477e8;--music-cyan:#16b8c4;--music-ink:#10233f;--music-muted:#667892;--music-border:#d9e6f1;min-height:calc(100vh - 66px);padding:28px 28px 118px;background:radial-gradient(circle at 20% 0,#e9f8fb 0,transparent 28%),linear-gradient(150deg,#f5f9fd 0,#eef6fb 100%);color:var(--music-ink)}
.music-page-heading{max-width:1660px;margin:0 auto 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.music-page-heading span,.music-panel header>div>span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#168e9b}.music-page-heading h1{margin:4px 0 5px;font-size:32px;letter-spacing:-.04em}.music-page-heading p{margin:0;color:var(--music-muted)}.music-page-heading>small{padding:8px 12px;border:1px solid var(--music-border);border-radius:999px;background:#fff;color:var(--music-muted)}
.music-workspace{max-width:1660px;margin:0 auto;display:grid;grid-template-columns:minmax(310px,390px) minmax(470px,1fr) minmax(300px,360px);gap:16px;align-items:start}.music-panel{min-width:0;border:1px solid var(--music-border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(38,74,110,.08);padding:20px}.music-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.music-panel h2{margin:3px 0 0;font-size:21px;letter-spacing:-.025em}.music-model-pill{padding:7px 10px!important;border-radius:9px;background:#e8f2ff;color:var(--music-blue)!important;font-size:12px!important;letter-spacing:0!important}.music-mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:15px;border:1px solid var(--music-border);border-radius:12px;background:#f3f7fb}.music-mode-switch button{border:0;border-radius:9px;padding:9px;background:transparent;color:var(--music-muted);font-weight:700;cursor:pointer}.music-mode-switch button.is-active{background:#fff;color:var(--music-blue);box-shadow:0 3px 9px rgba(30,76,120,.12)}
.music-toggle{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:11px;border:1px solid var(--music-border);border-radius:12px;cursor:pointer}.music-toggle input{width:18px;height:18px;accent-color:var(--music-blue)}.music-toggle span{display:grid}.music-toggle small{color:var(--music-muted);font-size:12px}.music-field{display:grid;gap:7px;margin-bottom:14px}.music-field>span,.music-range>span{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}.music-field>span small{font-weight:500;color:var(--music-muted)}.music-field input,.music-field textarea,.music-field select,.music-library-tools input,.music-library-tools select,.music-assistant-input textarea{width:100%;box-sizing:border-box;border:1px solid var(--music-border);border-radius:11px;background:#fbfdff;color:var(--music-ink);font:inherit;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.music-field input,.music-field select,.music-library-tools input,.music-library-tools select{min-height:42px;padding:0 12px}.music-field textarea,.music-assistant-input textarea{padding:11px 12px;resize:vertical;line-height:1.48}.music-field input:focus,.music-field textarea:focus,.music-field select:focus,.music-library-tools input:focus,.music-assistant-input textarea:focus{border-color:#72b5ef;box-shadow:0 0 0 3px rgba(36,119,232,.11);background:#fff}.music-ai-link{justify-self:start;border:0;background:transparent;color:var(--music-blue);padding:0;font-weight:700;cursor:pointer}.music-style-chips{display:flex;flex-wrap:wrap;gap:6px}.music-style-chips button,.music-assistant-presets button{border:1px solid #d9e7f2;border-radius:999px;background:#f6faff;color:#46617e;padding:6px 9px;font-size:12px;cursor:pointer;transition:.18s}.music-style-chips button:hover,.music-assistant-presets button:hover{border-color:#8bc5ee;background:#eaf5ff;color:#1665c1}.music-form-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.music-range{display:grid;gap:8px;margin:12px 0}.music-range input{width:100%;accent-color:var(--music-blue)}.music-advanced{margin:15px 0;border:1px solid var(--music-border);border-radius:12px;padding:0 12px}.music-advanced summary{padding:11px 0;font-weight:700;cursor:pointer}.music-create-button{width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--music-blue),var(--music-cyan));color:#fff;font-weight:800;font-size:15px;box-shadow:0 9px 22px rgba(36,119,232,.2);cursor:pointer}.music-create-button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.6}
.music-library{min-height:620px;background:rgba(250,253,255,.98)}.music-library>header>strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;background:#e8f2ff;color:var(--music-blue)}.music-library-tools{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:14px}.music-library-tools select{width:auto;min-width:115px}.music-job{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;padding:11px;border:1px solid #bee9e8;border-radius:12px;background:#edfbfa}.music-job div{display:grid}.music-job small{color:var(--music-muted)}.music-job-pulse{width:10px;height:10px;border-radius:50%;background:var(--music-cyan);box-shadow:0 0 0 0 rgba(22,184,196,.45);animation:musicPulse 1.6s infinite}.music-job.is-done .music-job-pulse{animation:none;background:#52b788}.music-track-list{display:grid;gap:10px;max-height:720px;overflow:auto;padding-right:3px}.music-track{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--music-border);border-radius:14px;background:#fff;transition:.2s}.music-track:hover,.music-track.is-current{border-color:#99caee;box-shadow:0 8px 20px rgba(34,94,143,.09);transform:translateY(-1px)}.music-track-cover{position:relative;width:68px;height:68px;border:0;border-radius:11px;overflow:hidden;background:#e9f3fb;padding:0;cursor:pointer}.music-track-cover>img,.music-track-cover>.music-cover-placeholder{width:100%;height:100%;object-fit:cover}.music-track-cover>span:last-child{position:absolute;inset:0;display:grid;place-items:center;background:rgba(12,35,59,.25);color:#fff;font-size:20px;opacity:0;transition:.18s}.music-track-cover:hover>span:last-child,.music-track.is-current .music-track-cover>span:last-child{opacity:1}.music-cover-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#dff5f3,#dcecff);color:#2d89b7;font-size:28px}.music-track-copy{min-width:0;display:grid;gap:3px}.music-track-copy strong,.music-track-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-copy span{font-size:13px;color:var(--music-muted)}.music-track-copy small{font-size:11px;color:#8191a6}.music-track-actions{display:flex;gap:4px}.music-track-actions button{width:31px;height:31px;border:1px solid var(--music-border);border-radius:9px;background:#fff;color:#47617e;cursor:pointer}.music-track-actions button:hover{border-color:#8dc5ed;color:var(--music-blue);background:#eef7ff}.music-track-actions button:disabled{opacity:.35;cursor:not-allowed}.music-empty{min-height:410px;display:grid;place-content:center;text-align:center;color:var(--music-muted)}.music-empty>span{font-size:52px}.music-empty h3{margin:10px 0 3px;color:var(--music-ink)}.music-empty p{max-width:300px;margin:0}
.music-assistant-lead{margin:-5px 0 15px;color:var(--music-muted);line-height:1.5}.music-assistant-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.music-assistant-input{display:grid;gap:8px}.music-assistant-input button,.music-assistant-result button{border:0;border-radius:10px;background:var(--music-blue);color:#fff;padding:10px 12px;font-weight:700;cursor:pointer}.music-assistant-input button:disabled{opacity:.5}.music-assistant-result{display:grid;gap:12px;margin-top:14px;padding:13px;border:1px solid #cfe9e9;border-radius:14px;background:linear-gradient(155deg,#f4fcfb,#f7fbff)}.music-assistant-result>div{display:grid;gap:8px;padding-top:9px;border-top:1px solid #dceced}.music-assistant-result p{margin:0;line-height:1.5}.music-assistant-result pre{max-height:250px;overflow:auto;white-space:pre-wrap;font:13px/1.5 inherit;color:#334d68}.music-assistant-result button{justify-self:start;padding:8px 10px;font-size:12px}
.music-notice{position:fixed;z-index:90;top:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:min(680px,90vw);padding:11px 14px;border:1px solid #bfe6d9;border-radius:12px;background:#f0fcf7;box-shadow:0 14px 34px rgba(23,54,83,.15);color:#245b4d}.music-notice.is-error{border-color:#f1c0c0;background:#fff4f4;color:#983e3e}.music-notice button{border:0;background:transparent;font-size:18px;color:inherit;cursor:pointer}.music-mobile-tabs{display:none}
.music-player{position:fixed;z-index:80;left:calc(var(--school-sidebar-width,276px) + 20px);right:20px;bottom:14px;display:grid;grid-template-columns:52px minmax(150px,260px) minmax(320px,1fr) 150px 30px;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d5e4ef;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(18,48,78,.22);backdrop-filter:blur(16px)}.music-player-cover{width:52px;height:52px;border-radius:10px;object-fit:cover}.music-player-title{min-width:0;display:grid}.music-player-title strong,.music-player-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player-title small{color:var(--music-muted)}.music-player-center{display:grid;gap:2px}.music-player-buttons{display:flex;justify-content:center;gap:7px}.music-player-buttons button{width:29px;height:29px;border:0;border-radius:50%;background:#edf4fa;color:var(--music-ink);font-weight:800;cursor:pointer}.music-player-buttons .is-play{width:35px;height:35px;background:var(--music-blue);color:#fff}.music-player-progress{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center;font-size:11px;color:var(--music-muted)}.music-player-progress input,.music-player-volume input{width:100%;accent-color:var(--music-blue)}.music-player-volume{display:flex;align-items:center;gap:7px}.music-player-close{border:0;background:transparent;color:#6f8094;font-size:22px;cursor:pointer}
@keyframes musicPulse{70%{box-shadow:0 0 0 8px rgba(22,184,196,0)}100%{box-shadow:0 0 0 0 rgba(22,184,196,0)}}
@media(max-width:1350px){.music-workspace{grid-template-columns:minmax(300px,360px) 1fr}.music-assistant{grid-column:1/-1}.music-assistant-presets{max-width:650px}.music-player{grid-template-columns:46px 180px 1fr 120px 28px}}
@media(max-width:900px){.music-studio{padding:18px 14px 108px}.music-page-heading{align-items:flex-start}.music-page-heading h1{font-size:27px}.music-page-heading p{font-size:14px}.music-page-heading>small{display:none}.music-mobile-tabs{position:sticky;z-index:30;top:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:640px;margin:0 auto 12px;padding:4px;border:1px solid var(--music-border);border-radius:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.music-mobile-tabs button{border:0;border-radius:9px;padding:9px 6px;background:transparent;color:var(--music-muted);font-weight:700}.music-mobile-tabs button.is-active{background:#e9f3ff;color:var(--music-blue)}.music-workspace{display:block}.music-panel{display:none;padding:16px}.music-panel.is-mobile-active{display:block}.music-library{min-height:550px}.music-library-tools{grid-template-columns:1fr 1fr}.music-library-tools input{grid-column:1/-1}.music-player{left:10px;right:10px;bottom:8px;grid-template-columns:42px minmax(0,1fr) auto 25px;padding:8px 10px}.music-player-cover{width:42px;height:42px}.music-player-center{grid-column:1/-1;grid-row:2}.music-player-volume{display:none}.music-track-list{max-height:none}}
@media(max-width:560px){.music-page-heading h1{font-size:24px}.music-track{grid-template-columns:58px minmax(0,1fr)}.music-track-cover{width:58px;height:58px}.music-track-actions{grid-column:1/-1;justify-content:flex-end}.music-form-grid{grid-template-columns:1fr}.music-notice{top:64px}.music-assistant-result pre{max-height:300px}}
@media(prefers-reduced-motion:reduce){.music-job-pulse{animation:none}.music-track{transition:none}}
.music-provider-selector{display:grid;gap:8px;margin-bottom:16px}.music-provider-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.music-provider-selector button{border:1px solid #d8e5eb;background:#fff;border-radius:12px;padding:10px 12px;color:#31505d;display:flex;align-items:center;justify-content:center;gap:7px}.music-provider-selector button.is-active{border-color:#1596a5;background:#e9f8f8;color:#087780;box-shadow:0 0 0 1px #1596a5}.music-provider-selector button small{font-size:10px;opacity:.7}.music-provider-single{display:flex;gap:7px;align-items:center;padding:10px 12px;margin-bottom:14px;border-radius:12px;background:#f1f8fa;color:#41606c;font-size:13px}.music-provider-single small{margin-left:auto}.music-quota{display:flex;justify-content:space-between;gap:10px;margin:12px 0;color:#58707a;font-size:12px}.music-track-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.music-provider-badge{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.05em;background:#edf2f5;color:#49606a}.music-provider-badge.is-flowmusic{background:#e8f7f4;color:#08796d}.music-track-copy details{margin-top:6px;font-size:12px}.music-track-copy details pre{white-space:pre-wrap;max-height:170px;overflow:auto;background:#f7fafb;border-radius:8px;padding:8px}.music-track-actions button{min-width:34px;font-size:10px}