.song-actions .download-audio{width:auto!important;padding:6px 8px;border-color:#6a5cff55!important;background:#6a5cff12;color:#c8bcff;font-size:8px;font-weight:900;white-space:nowrap}.run-summary{display:grid;gap:5px;min-width:0}.run-summary p{max-width:none}.run-summary span{color:#efe7f2;font-size:10px;font-weight:800}.run-summary small{color:#77717e;font-size:8px;line-height:1.45}
.text-input.invalid{border-color:#ff4d62!important;background:#2a1018!important;box-shadow:0 0 0 3px #ff405522!important}.cover-scan-row span.error{color:#ff7180!important;font-weight:800}.song-actions button,.library-card-actions button{padding:6px 8px;border:1px solid #3b3443;border-radius:8px;background:#17151e;color:#d7ceda;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.song-actions .cover-song-link,.library-card-actions .cover-song-link{width:auto!important;padding:6px 8px!important;border-color:#ff684155!important;background:#ff684114!important;color:#ff9a7e!important;font-size:8px!important;font-weight:900;white-space:nowrap}.copy-song-link:hover{border-color:#8f77ff!important;color:#d7ceff!important}
.result-job>summary{list-style:none;cursor:pointer}.result-job>summary::-webkit-details-marker{display:none}.result-job>summary:after{margin-left:2px;color:#756c7b;font-size:10px;content:"⌄"}.result-job[open]>summary:after{transform:rotate(180deg)}.job-body{display:grid;gap:8px}.queue-state{margin:0;padding:8px 10px;border-radius:9px;background:#211c28;color:#c3adc9;font-size:9px}.recover-job{display:grid;gap:8px;padding:11px;border:1px solid #513b48;border-radius:11px;background:#1b1419}.recover-job b{font-size:10px}.recover-job>span,.recover-job small{color:#a7929d;font-size:8px;line-height:1.45}.recover-job input{width:100%;padding:9px 10px;border:1px solid #443641;border-radius:8px;background:#100d12;color:#fff;font-size:9px;outline:0}.recover-job button{justify-self:start;padding:8px 11px;border:1px solid #ff745670;border-radius:8px;background:#ff745617;color:#ff9b84;font-size:9px;font-weight:800}.recover-job button:disabled{opacity:.55}.song-card.is-playing,.library-card.is-playing{outline:1px solid #ff745680;background:#251b24}.play-song{transition:transform .16s ease,background .16s ease}.is-playing .play-song{background:#ff7456;color:#fff;transform:scale(1.06)}
@media(max-width:540px){.sidebar{position:sticky;top:0;display:grid;grid-template-columns:1fr;width:100%;gap:8px;padding:9px 10px 8px;overflow:visible}.brand{display:flex;justify-content:flex-start;gap:9px;min-width:0;padding:0 4px}.brand img{flex:0 0 auto;width:32px;height:32px}.brand span{display:grid!important;min-width:0}.brand strong{display:block!important;white-space:nowrap;font-size:14px}.brand small{display:block!important;white-space:nowrap;font-size:6px}.main-nav{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0;overflow:visible}.main-nav button,.main-nav button:not(.active){display:grid;justify-items:center;gap:3px;min-width:0;min-height:48px;padding:6px 2px;border-radius:10px}.main-nav button i{width:18px;height:18px}.main-nav button i svg{width:17px;height:17px}.main-nav button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;text-align:center}.creator,.results-pane{padding-top:18px}.creator-head{gap:10px}.creator-head>div{min-width:0}.creator-head h1,.results-pane h2{overflow-wrap:normal;word-break:normal}.creator-head p,.results-pane header p{max-width:100%;writing-mode:horizontal-tb;word-break:normal}.composer-actions{gap:14px}.run-summary{gap:6px}.player{grid-template-columns:40px minmax(0,1fr);gap:9px}.player a{display:none}}
.results-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px;padding-top:14px;border-top:1px solid #2f2936}.results-pagination[hidden]{display:none}.results-pagination button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #3a3341;border-radius:10px;background:#1b1821;color:#f7f2f8;font-size:18px}.results-pagination button:disabled{cursor:default;opacity:.35}.results-pagination span{color:#918895;font-size:10px}.results-pagination b{color:#ff8565;font-size:11px}
.result-filter{align-items:center}.result-filter #resultsRange{margin-left:auto;color:#8f8692;font-size:10px;font-weight:700}
.sidebar .account-mini{flex-basis:205px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 8px!important;padding:9px 10px!important}.sidebar .account-mini>span{font-size:9px!important;letter-spacing:.8px!important}.sidebar .account-mini b{font-size:11px!important}.sidebar .account-mini em{font-size:9px!important}.sidebar .account-mini button{min-width:62px!important;padding:7px 9px!important;font-size:10px!important;white-space:nowrap}
.composer{position:relative;overflow:hidden}.composer:before{position:absolute!important;inset:0 0 auto!important;width:auto!important;height:2px!important;margin:0!important;border-radius:18px 18px 0 0!important}
.library-toolbar{gap:8px!important}.library-search{min-height:40px!important}.library-toolbar>button{width:40px!important}.library-filters{gap:5px!important;margin:14px 0 9px!important;overflow-x:auto}.library-filters button{padding:7px 10px!important;white-space:nowrap}.library-stats{margin-bottom:10px!important}.library-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:10px!important}.library-card{border-radius:12px!important}.library-cover{aspect-ratio:16/8.5!important}.library-cover>button{width:34px!important;height:34px!important}.library-card-body{gap:4px!important;padding:9px!important}.library-card-body>b{font-size:10px!important}.library-card-body>span{font-size:8px!important;-webkit-line-clamp:1!important}.library-card-actions{gap:5px!important;margin-top:2px!important;flex-wrap:wrap}.library-card-actions a,.library-card-actions button{padding:5px 7px!important;font-size:8px!important}.like-song{color:#d0c7d2!important}.like-song.liked{border-color:#ff5f7a66!important;background:#ff5f7a18!important;color:#ff6f88!important}.library-pagination{margin-top:14px!important}
@media(max-width:540px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.library-card-actions .cover-song-link{display:none}.library-cover{aspect-ratio:1/1!important}}
.model-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #393240;border-radius:13px;background:#17141c}.model-topbar .model-field{display:flex;align-items:center;gap:10px;min-width:230px}.model-topbar .model-field>span{font-size:10px;font-weight:900;color:#f6eff7}.model-topbar select{min-width:150px}.model-topbar>small{color:#8f8592;font-size:9px;line-height:1.4;text-align:right}
.settings-drawer{overflow:hidden;border:1px solid #393240;border-radius:13px;background:#151219}.settings-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;user-select:none}.settings-drawer>summary::-webkit-details-marker{display:none}.settings-drawer>summary span{display:grid;gap:2px}.settings-drawer>summary b{color:#f5eef6;font-size:10px}.settings-drawer>summary small{color:#8e8491;font-size:8px;font-weight:600}.settings-drawer>summary i{color:#ff7658;font-size:13px;font-style:normal;transition:transform .18s ease}.settings-drawer[open]>summary i{transform:rotate(180deg)}.settings-drawer[open]>summary{border-bottom:1px solid #302a36}.settings-drawer .drawer-body,.settings-drawer .advanced-options{margin:0!important;padding:14px!important;border:0!important;border-radius:0!important;background:#100e14!important}.create-settings-drawer{margin-top:4px}.create-exclude-section{padding:0!important}.options-card{padding:11px 14px!important}.options-card .switch-line{width:100%}
@media(max-width:540px){.model-topbar{align-items:stretch;flex-direction:column;padding:10px 11px}.model-topbar .model-field{justify-content:space-between;min-width:0}.model-topbar>small{display:none}.settings-drawer>summary{padding:11px 12px}}
.reset-icon{display:grid!important;flex:0 0 auto;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;place-items:center;border:1px solid #413947!important;border-radius:8px!important;background:#211d27!important;color:#a99fae!important;font-size:15px!important;font-weight:800!important;line-height:1!important;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.reset-icon:hover{border-color:#ff765877!important;color:#ff8c70!important;transform:rotate(-18deg)}.model-topbar .reset-icon{margin-left:auto}.drawer-tools{display:flex!important;align-items:center;gap:9px!important}.settings-drawer>summary .drawer-tools i{display:block}.options-card{display:flex!important;align-items:center!important;gap:10px!important}.options-card .reset-icon{margin-left:auto}.stems-fields .section-row .reset-icon{margin-left:auto}
@media(max-width:540px){.model-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto!important}.model-topbar .reset-icon{grid-column:2;grid-row:1}.model-topbar .model-field{grid-column:1;grid-row:1}.reset-icon{width:26px!important;height:26px!important;min-width:26px!important}}
.composer{display:grid!important;gap:18px!important}.composer>*,.advanced-fields>*{min-width:0}.composer>.mode-tabs,.composer>.simple-fields,.composer>.advanced-fields,.composer>.style-section,.composer>.cover-fields,.composer>.stems-fields,.composer>.options-card,.composer>.composer-actions,.composer>.settings-drawer{margin-top:0!important;margin-bottom:0!important}.advanced-fields{display:grid;gap:13px}.advanced-fields[hidden]{display:none!important}.advanced-fields>.field-label,.advanced-fields>.section-row{margin-bottom:-5px}.style-section{display:grid;gap:10px;padding:14px;border:1px solid #332d3a;border-radius:14px;background:#121017}.style-section .field-label{margin:0}.style-section .style-tags{padding-top:2px}.cover-fields,.stems-fields{margin-top:0!important}.composer-actions{padding-top:3px;border-top:1px solid #2d2733}
@media(max-width:540px){.composer{gap:13px!important}.style-section{padding:11px}.advanced-fields{gap:11px}.composer-actions{padding-top:11px}}
/* The integrated shell always uses a horizontal header sidebar. Keep this
   independent of viewport detection because iOS Safari can expose a wider
   layout viewport while rendering on a narrow physical screen. */
.site-bridge+.app-shell .sidebar{height:auto!important;min-height:0!important;align-self:start!important}
.site-bridge+.app-shell .sidebar-spacer,.site-bridge+.app-shell .local-mark{display:none!important}
.site-account-link:after{display:none!important;content:none!important}
/* Mobile containment: intrinsic result and tag widths must not widen the page. */
@media(max-width:980px){
.site-bridge+.app-shell .sidebar{height:auto!important;min-height:0!important;align-self:start!important}
.site-bridge+.app-shell .sidebar-spacer,.site-bridge+.app-shell .local-mark{display:none!important}
.site-account-link:after{display:none!important;content:none!important}
}
@media(max-width:540px){
html,body{max-width:100%;overflow-x:hidden}
.site-bridge,.site-bridge+.app-shell,.site-bridge+.app-shell .sidebar,.site-bridge+.app-shell .creator,.site-bridge+.app-shell .results-pane,.composer,.style-section,.results-pane #jobs,.result-job{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
.style-tags{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;overscroll-behavior-x:contain;scrollbar-width:thin}
.style-tags button{flex:0 0 auto!important}
.result-job>.job-head{grid-template-columns:minmax(0,1fr) auto 25px!important}
.song-card{grid-template-areas:"cover info" "actions actions"!important}
.song-cover{grid-area:cover!important}
.song-info{grid-area:info!important}
.song-actions{grid-area:actions!important;grid-column:1/-1!important;width:100%!important;min-width:0!important}
.song-card:before{display:none!important}
.song-info{padding-right:0!important}
}
@media(max-width:410px){
.song-card{grid-template-columns:50px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
.song-cover{width:50px!important;height:50px!important}
.song-info b{font-size:11px!important}
.song-actions a,.song-actions button{min-height:40px!important;padding:8px 6px!important;font-size:10px!important}
}
@keyframes coverScanSpin{to{transform:rotate(360deg)}}.cover-scan-row{padding:9px 10px;border:1px solid transparent;border-radius:11px;transition:border-color .18s ease,background .18s ease}.cover-scan-row.scanning{border-color:#8267ff66;background:linear-gradient(100deg,#6f55ff18,#ff5d8d10);box-shadow:0 0 0 3px #765cff0b}.cover-scan-row.scanning button:disabled{opacity:1!important;border-color:#8267ff88!important;color:#ded8ff!important;cursor:wait}.cover-scan-row.scanning #coverScanStatus{display:flex;align-items:center;gap:8px;color:#d6cff8!important;font-weight:800}.cover-scan-row.scanning #coverScanStatus:before{display:block;width:14px;height:14px;flex:0 0 14px;border:2px solid #8d79ff55;border-top-color:#9e8cff;border-radius:50%;animation:coverScanSpin .7s linear infinite;content:""}.cover-scan-row:not(.scanning) #coverScanStatus:before{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#6fd89b;content:""}.cover-scan-row #coverScanStatus.error:before{background:#ff6277}
.song-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important}.song-actions>a,.song-actions>button{box-sizing:border-box!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-actions .play-song-action{width:auto!important;min-width:70px!important;padding:7px 10px!important;border:1px solid #ff745680!important;border-radius:9px!important;background:#ff74561a!important;color:#ffb09c!important;font-size:9px!important;font-weight:900!important}.song-actions .play-song-action.preview-pending{opacity:.65;cursor:wait}.song-card{grid-template-columns:56px minmax(0,1fr)!important;grid-template-areas:"cover info" "actions actions"!important;align-items:start!important;gap:10px!important;padding:11px!important;overflow:hidden!important}.song-cover{grid-area:cover!important;width:56px!important;height:56px!important}.song-info{grid-area:info!important;min-width:0!important;padding-top:4px}.song-actions{grid-area:actions!important;grid-column:1/-1!important;width:100%!important}.song-info b,.song-info span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell{background:#08080b!important;color:#f5f3f7!important}.sidebar{background:#0c0c11!important;border-color:#24222b!important}.creator{background:linear-gradient(180deg,#101016 0%,#0b0b10 100%)!important}.results-pane{background:#0a0a0e!important}.composer,.result-job{border:1px solid #2c2935!important;background:linear-gradient(145deg,#17151d,#121117)!important;box-shadow:0 18px 50px #0005!important}.creator-head h1,.results-pane h2{font-size:24px!important;letter-spacing:-.5px}.mode-tabs button.active,.result-filter button.active{background:linear-gradient(135deg,#ff5d87,#8c5cf5)!important;color:#fff!important}.song-card{position:relative!important;border:1px solid #2a2732!important;background:#17151d!important;box-shadow:0 8px 22px #0004!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}.song-card:hover{transform:translateY(-2px);border-color:#62517a!important;background:#1d1924!important}.song-cover{width:64px!important;height:64px!important;border-radius:12px!important;box-shadow:0 8px 20px #0006!important}.song-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff12,transparent 45%,#0005);pointer-events:none}.song-info b{font-size:13px!important;letter-spacing:-.1px}.song-info span{font-size:10px!important;color:#91899b!important}.song-actions{padding-top:3px!important;border-top:1px solid #282530!important}.song-actions>a,.song-actions>button{min-height:32px!important;border-radius:8px!important;background:#211d29!important;border:1px solid #3a3345!important;color:#d9cdea!important;font-size:10px!important}.song-actions .play-song-action{background:linear-gradient(135deg,#ff6b72,#b65bea)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px #d04d9b40!important}.open-suno-link{margin-left:auto!important}.result-job{overflow:hidden!important}.job-head{padding:2px 2px 10px!important}.job-head b{font-size:13px!important}.job-head em{font-size:9px!important}.player{background:#14111bf5!important;border-color:#3a3047!important;box-shadow:0 -12px 35px #0009!important}.player audio{accent-color:#ff668b!important}.credit-pill{background:#211a2a!important;border-color:#58436b!important;color:#e7d9f0!important}@media(min-width:1100px){.app-shell{grid-template-columns:230px minmax(480px,600px) minmax(520px,1fr)!important}.creator{padding:32px 28px 120px!important}.results-pane{padding:32px 28px 120px!important}.jobs{gap:16px!important}.song-card{padding:13px!important;gap:13px!important}}
.song-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:"cover info" "actions actions"!important}.song-actions{display:grid!important;grid-template-columns:auto auto auto auto minmax(0,1fr)!important;grid-auto-rows:34px!important;align-items:stretch!important;gap:7px!important}.song-actions .play-song-action{min-width:72px!important;width:auto!important}.song-actions .download-audio{min-width:0!important;width:auto!important;padding:7px 9px!important;font-size:9px!important}.song-actions .open-suno-link{grid-column:1/-1!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:7px 10px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;border-color:#ff765955!important;background:#ff765510!important;color:#ffad98!important}.song-actions .cover-song-link{min-width:0!important}.song-card .song-cover{width:64px!important;height:64px!important}.song-card .song-info{align-self:center!important}.result-job .job-body{padding:0 2px 2px!important}.result-job .job-head{padding:2px 3px 12px!important}.result-job{padding:14px!important}@media(max-width:620px){.song-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.song-actions .play-song-action,.song-actions .download-audio,.song-actions .cover-song-link{width:100%!important}.song-actions .open-suno-link{grid-column:1/-1!important}}