/* Music AI uses the same content rhythm and card system as sunoupload.site. */
html,body{background:radial-gradient(circle at 12% 7%,#8b3d4d25 0,transparent 27%),radial-gradient(circle at 89% 13%,#6336b72b 0,transparent 28%),linear-gradient(180deg,#09090e,#0c0c12 55%,#08080d);color:#f8f4f7}
body{font-size:16px}
body:before{position:fixed;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%);content:"";pointer-events:none}
[hidden]{display:none!important}
.site-bridge{height:68px;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);padding:0 max(20px,calc((100vw - 1180px)/2));border-color:#ffffff12;background:#0a0a10dc;box-shadow:0 10px 35px #0005}
.site-bridge-brand img{width:40px;height:40px;box-shadow:0 0 30px #895cff45}.site-bridge-brand b{font-size:20px;letter-spacing:-.2px}.site-bridge-brand small{color:#a9a1ab;font-size:10px}.site-services a{font-size:14px}.site-account-link{justify-self:end;min-height:44px;padding:11px 16px;border-radius:11px;background:#17171f;color:#f8f4f6;font-size:13px}
.site-bridge ~ .app-shell,.app-shell{display:grid;max-width:1180px;min-height:calc(100vh - 68px);grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:20px;margin:0 auto;padding:24px 22px 100px}
.site-bridge ~ .app-shell .sidebar,.app-shell .sidebar{position:static;grid-column:1/-1;display:flex;width:auto;height:auto;min-height:76px;flex-direction:row;align-items:center;gap:11px;padding:10px 12px;border:1px solid #2d2933;border-radius:20px;background:linear-gradient(135deg,#17151d,#111117);box-shadow:0 18px 55px #0004}
.sidebar .brand,#navLyrics{display:none!important}.sidebar .main-nav{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sidebar .main-nav button{justify-content:center;min-width:0;min-height:58px;gap:9px;padding:10px 9px;border-radius:11px;text-align:center}.sidebar .main-nav button i{flex:0 0 auto;font-size:19px}.sidebar .main-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.sidebar .main-nav button.active{box-shadow:inset 0 -2px #ff6841;background:linear-gradient(100deg,#ff684118,#ed318e12,#7950ef18)}
.sidebar-spacer,.local-mark{display:none}.sidebar .account-mini{display:grid;flex:0 0 225px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 11px;border-color:#38313f;border-radius:12px;background:#0d0c12}.sidebar .account-mini>span{grid-column:1;font-size:10px}.sidebar .account-mini b{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar .account-mini em{grid-column:1;font-size:10px}.sidebar .account-mini button{grid-column:2;grid-row:1/4;align-self:stretch;margin:0;padding:8px 10px;font-size:11px}
.site-bridge ~ .app-shell .creator,.site-bridge ~ .app-shell .results-pane,.app-shell .creator,.app-shell .results-pane{min-width:0;padding:22px;border:1px solid #2d2933;border-radius:22px;background:linear-gradient(145deg,#17151d,#111117);box-shadow:0 18px 55px #0004}
.site-bridge ~ .app-shell .creator,.app-shell .creator{border-right:1px solid #2d2933}.site-bridge ~ .app-shell .results-pane,.app-shell .results-pane{background:linear-gradient(145deg,#131219,#0d0c12)}
.creator-head,.results-pane>header{min-height:64px}.creator-head h1,.results-pane h2{font-size:32px;letter-spacing:-.8px}.creator-head p,.results-pane header p{color:#c0b8c2;line-height:1.55}
.creator-head span,.results-pane header span{font-size:12px}.creator-head p,.results-pane header p{font-size:15px}.credit-pill{font-size:13px}.mode-tabs button{font-size:14px}.field-label{font-size:15px}.prompt-box textarea,.lyrics,.style-input,.text-input{font-size:16px;line-height:1.6}.prompt-foot,.section-row span{font-size:13px}.style-tags button{font-size:13px}.option-main>span{font-size:13px}.option-main button{font-size:14px}.option-main button small{font-size:11px}.switch-line b{font-size:14px}.switch-line small{font-size:12px}.composer-actions p{font-size:13px}.composer-actions button{font-size:14px}.result-filter button{font-size:13px}.job-head b,.song-info b{font-size:15px}.job-head span,.song-info span,.job-head em,.generating,.job-error{font-size:12px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}.player-title b{font-size:14px}.player-title span,.player a{font-size:12px}.cover-drop b{font-size:15px}.cover-drop span,.or-line,.file-picker small{font-size:13px}.file-picker b{font-size:14px}.cover-scan-row,.cover-lyrics-actions,.stems-help{font-size:13px}
.credit-pill{border-color:#49303c;background:linear-gradient(100deg,#ff68410e,#ed318e0d,#7950ef0e);color:#f2dfe8}.composer{border-color:#37313d;border-radius:18px;background:#0f0e14;box-shadow:none}.composer:before{margin:-15px -15px 14px}
.results-pane .result-filter{padding:4px;border:1px solid #2d2933;border-radius:12px;background:#0b0a10}.results-pane .result-filter button{flex:1;text-align:center}.result-job{border-color:#34303a;background:#17151d}
.player{right:auto;left:50%;width:min(1136px,calc(100% - 44px));border:1px solid #3a3440;border-bottom:0;border-radius:16px 16px 0 0;transform:translateX(-50%)}
.library-mode #resultsPane{display:none!important}
.library-mode .site-bridge ~ .app-shell,.library-mode .app-shell{grid-template-columns:1fr!important}
.library-mode .sidebar{grid-column:1}
.library-mode .creator{grid-column:1/-1!important;max-width:100%!important;padding:22px!important;border:1px solid #2d2933!important;border-radius:22px}
.library-mode .library-view{max-width:none}
@media(max-width:980px){.site-bridge{grid-template-columns:auto 1fr auto}.site-bridge-brand span{display:none}.site-bridge ~ .app-shell,.app-shell{grid-template-columns:1fr}.site-bridge ~ .app-shell .sidebar,.site-bridge ~ .app-shell .creator,.site-bridge ~ .app-shell .results-pane,.app-shell .sidebar,.app-shell .creator,.app-shell .results-pane{grid-column:1}.sidebar .brand{min-width:0}.sidebar .brand span{display:none}.sidebar .account-mini{flex-basis:180px}.results-pane{min-height:420px}.player{width:calc(100% - 32px)}}
@media(max-width:700px){.site-bridge{min-height:58px;height:auto;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:7px 10px}.site-bridge-brand img{width:34px;height:34px}.site-bridge .site-services{justify-self:stretch;justify-content:flex-start;overflow-x:auto}.site-account-link{display:none}.site-bridge ~ .app-shell,.app-shell{display:block;min-height:calc(100vh - 58px);padding:10px 10px 82px}.site-bridge ~ .app-shell .sidebar,.app-shell .sidebar{position:sticky;top:58px;z-index:35;display:block;min-height:0;margin-bottom:10px;padding:6px;border-radius:15px;background:#0e0d13ee;backdrop-filter:blur(16px)}.sidebar .brand,.sidebar .account-mini{display:none}.sidebar .main-nav{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.sidebar .main-nav button,.sidebar .main-nav button:not(.active){display:grid;justify-items:center;min-height:56px;gap:5px;padding:7px 3px}.sidebar .main-nav button i{width:20px;height:20px}.sidebar .main-nav button span{display:block;white-space:normal;font-size:11px;line-height:1.15}.site-bridge ~ .app-shell .creator,.site-bridge ~ .app-shell .results-pane,.app-shell .creator,.app-shell .results-pane{margin-bottom:10px;padding:18px 14px;border-radius:17px}.creator-head{align-items:flex-start}.creator-head h1,.results-pane h2{font-size:29px}.creator-head p,.results-pane header p{font-size:14px}.composer{border-radius:15px}.results-pane{min-height:350px}.player{left:0;width:100%;border-right:0;border-left:0;border-radius:0;transform:none}}
@media(max-width:410px){.site-services a{padding-inline:10px;font-size:12px}.sidebar .main-nav button span{font-size:10.5px}.site-bridge ~ .app-shell,.app-shell{padding-inline:7px}.site-bridge ~ .app-shell .creator,.site-bridge ~ .app-shell .results-pane,.app-shell .creator,.app-shell .results-pane{padding-inline:12px}}

/* Preset Studio Adjustment Card */
.preset-adjust-card{margin-top:14px;padding:16px 18px;background:linear-gradient(135deg,rgba(27,23,38,0.95),rgba(18,16,26,0.95));border:1px solid rgba(139,92,246,0.22);border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,0.25)}
.preset-adjust-head{margin-bottom:12px}
.preset-adjust-head .field-label{font-size:14px;font-weight:700;color:#eedeff;display:flex;flex-direction:column;gap:2px}
.preset-adjust-head .field-label small{font-size:11.5px;font-weight:400;color:#a49cb5}
.preset-quick-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.preset-pill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 8px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:#e2daf0;cursor:pointer;transition:all 0.2s ease;text-align:center}
.preset-pill-btn:hover{background:rgba(139,92,246,0.12);border-color:rgba(139,92,246,0.35);transform:translateY(-1px)}
.preset-pill-btn.active{background:linear-gradient(135deg,rgba(147,51,234,0.25),rgba(236,72,153,0.2));border-color:#a855f7;color:#ffffff;box-shadow:0 0 16px rgba(168,85,247,0.3)}
.preset-pill-btn b{font-size:13px;font-weight:700;line-height:1.2}
.preset-pill-btn span{font-size:10.5px;color:#b5a9cb;margin-top:3px}
.preset-pill-btn.active span{color:#f3e8ff}
.preset-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:10px;border-top:1px dashed rgba(255,255,255,0.08)}
@media(max-width:640px){.preset-quick-pills{grid-template-columns:1fr;gap:6px}.preset-sliders{grid-template-columns:1fr;gap:12px}}
.preset-slider-row{display:flex;flex-direction:column;gap:6px}
.slider-head{display:flex;justify-content:space-between;align-items:center}
.slider-head label{font-size:12.5px;font-weight:600;color:#ddd3ee}
.slider-badge{font-size:12px;font-weight:800;color:#c084fc;background:rgba(192,132,252,0.12);padding:2px 8px;border-radius:6px;border:1px solid rgba(192,132,252,0.25);min-width:38px;text-align:center}
.preset-slider-row .range-slider{width:100%;accent-color:#a855f7;cursor:pointer;height:6px;border-radius:3px}
.slider-hint{font-size:11px;color:#9287a4;line-height:1.35}