/* A focused Suno workspace with the artwork from the synthesizer editions. */
body.bird-v1 {--bg:#090f19;--panel:#111c2a;--white:#f7f5ec;--muted:#c3cad3;--line:#657080;--lime:#f7d66a;--mint:#83e8f3;color-scheme:dark;background:#090f19;color:#f7f5ec}
body.bird-v1::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(5,12,23,.95),rgba(9,14,28,.78)),var(--suno-art) center/cover no-repeat;opacity:1;pointer-events:none}
body.bird-v1 header{max-width:1180px;margin:auto;border-bottom:1px solid #ffffff33}
body.bird-v1 .theme-picker,body.bird-v1 .header-promo,.feature-share{display:none!important}
.suno-theme-picker{display:flex;align-items:center;gap:8px;margin-left:auto;color:#c6d5db;font-size:12px}.suno-theme-picker select{max-width:240px;background:#111d2b;color:#f4f1e9;border:1px solid #81939a;border-radius:8px;padding:8px}
body.bird-v1 .v1-steps{max-width:1080px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v1-steps button:not([data-step="3"]):not([data-step="4"]){display:none!important}
body.bird-v1 .v1-steps button{margin:0;border:1px solid #a3b3c14d;border-radius:10px;box-shadow:none;background:#101d2bd9;color:#eaf3f7;padding:12px}
body.bird-v1 .v1-steps button[aria-current=step]{border-color:var(--suno-accent2);background:linear-gradient(115deg,#23394d,#1b2738);box-shadow:0 0 18px #84eafb28}
body.bird-v1 main{max-width:1120px}body.bird-v1 #step-4,body.bird-v1 #step-3,body.bird-v1 #step-2{background:#111c2aef;color:#f5f4ea;border:1px solid #8da1ac66;border-radius:16px;box-shadow:0 24px 70px #0008;overflow:visible}
#step-4 .v1-recommendation-head{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff38;border-radius:12px;min-height:165px;padding:25px;background:linear-gradient(90deg,#090f19f7 5%,#101927d9 55%,#10192777),var(--suno-art) center/cover no-repeat}
#step-4 .v1-recommendation-head h2{color:#fff;font-size:clamp(20px,2.2vw,30px);max-width:650px}#step-4 .eyebrow{color:#f9d77b;letter-spacing:.14em}
.suno-topic{padding:20px;margin:18px 0;border:1px solid #b8d5dd48;border-radius:12px;background:linear-gradient(120deg,#1d3348,#13202e)}.suno-topic-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:#ffe3a0;font-weight:700;letter-spacing:.06em}.suno-topic-label small{color:#d0dce0;font-weight:400;letter-spacing:0}.suno-topic textarea{width:100%;min-height:105px;background:#09121e;color:#fff;border:1px solid #80919d;border-radius:8px;padding:12px}.suno-topic .v1-prompt-tools{margin-top:10px}.suno-topic-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.suno-topic-actions #generate{background:#f3cb70;color:#101723;border:0;border-radius:8px;padding:12px 19px;font-weight:800}.suno-empty{padding:18px;color:#dae8e7;border:1px dashed #7797a2;border-radius:10px}
#step-4 [data-style-synth],#step-4 [data-style-replace],body>.transport .transport-shortcuts,.v1-back-options{display:none!important}
.suno-editor-back{margin-bottom:16px}.v1-steps b{font-size:13px}#step-3 .v1-next{margin-top:20px}
@media(max-width:640px){body.bird-v1 header{height:auto;min-height:78px;flex-wrap:wrap}.suno-theme-picker select{max-width:160px}#step-4 .v1-recommendation-head{min-height:150px;padding:18px}.suno-topic{padding:14px}.suno-topic-actions #generate{width:100%}}

html body.bird-v1.bird-synth>.v1-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:64px!important;max-width:1080px!important}
html body.bird-v1.bird-synth>.v1-steps button:not([data-step="3"]):not([data-step="4"]){display:none!important}

.transport-shortcuts{display:none!important}

/* The synthesizer edition supplies the palette to the entire workspace. */
html body.bird-v1{
 --bg:var(--ui-bg);--panel:var(--ui-panel);--white:var(--ui-ink);--text:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-border);
 --lime:var(--ui-accent-text);--orange:var(--ui-accent-text);--mint:var(--ui-accent-text);
 color:var(--ui-ink);background:var(--ui-bg)!important;
}
html body.bird-v1::before{background:linear-gradient(115deg,color-mix(in srgb,var(--ui-bg) 93%,transparent),color-mix(in srgb,var(--ui-panel) 78%,transparent)),var(--suno-art) center/cover no-repeat;opacity:1}
html body.bird-v1 header{background:color-mix(in srgb,var(--ui-panel) 92%,transparent)!important;color:var(--ui-ink);border-color:color-mix(in srgb,var(--ui-border) 60%,transparent);border-radius:0 0 20px 20px}
html body.bird-v1 .brand,html body.bird-v1 .brand small,html body.bird-v1 .suno-theme-picker{color:var(--ui-ink)!important}
html body.bird-v1 .brand-icon{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;box-shadow:0 0 20px color-mix(in srgb,var(--suno-accent) 42%,transparent)!important}
html body.bird-v1 .suno-theme-picker select{background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-border)}
html body.bird-v1.bird-synth>.v1-steps button{background:color-mix(in srgb,var(--ui-panel) 94%,var(--suno-accent))!important;border-color:color-mix(in srgb,var(--ui-border) 55%,transparent)!important;color:var(--ui-ink)!important}
html body.bird-v1.bird-synth>.v1-steps button[aria-current=step]{border-color:var(--suno-accent)!important;background:color-mix(in srgb,var(--suno-accent) 19%,var(--ui-panel))!important;box-shadow:0 0 0 1px var(--suno-accent),0 8px 22px color-mix(in srgb,var(--suno-accent) 25%,transparent)!important}
html body.bird-v1.bird-synth>.v1-steps button b{background:color-mix(in srgb,var(--suno-accent) 16%,var(--ui-panel))!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
html body.bird-v1.bird-synth>.v1-steps button[aria-current=step] b{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--suno-accent)!important}
html body.bird-v1 main :is(#step-4,#step-3,#step-2){background:color-mix(in srgb,var(--ui-panel) 96%,transparent)!important;color:var(--ui-ink)!important;border-color:color-mix(in srgb,var(--ui-border) 60%,transparent)!important;box-shadow:0 22px 55px #0003}
html body.bird-v1 #step-4 .v1-recommendation-head{background:linear-gradient(90deg,color-mix(in srgb,var(--ui-panel) 98%,transparent) 2%,color-mix(in srgb,var(--ui-panel) 83%,transparent) 55%,color-mix(in srgb,var(--ui-panel) 30%,transparent)),var(--suno-art) center/cover no-repeat;border-color:color-mix(in srgb,var(--ui-border) 60%,transparent)}
html body.bird-v1 #step-4 .v1-recommendation-head h2,html body.bird-v1 #step-4 .eyebrow{color:var(--ui-ink)!important}
html body.bird-v1 #step-4 .eyebrow{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important}
html body.bird-v1 .suno-topic{background:linear-gradient(120deg,color-mix(in srgb,var(--suno-accent2) 18%,var(--ui-panel)),color-mix(in srgb,var(--ui-panel) 94%,var(--ui-bg)));border-color:color-mix(in srgb,var(--ui-border) 62%,transparent)}
html body.bird-v1 .suno-topic-label,html body.bird-v1 .suno-topic-label small{color:var(--ui-ink)}
html body.bird-v1 .suno-topic textarea{background:color-mix(in srgb,var(--ui-panel) 90%,var(--ui-bg));color:var(--ui-ink);border-color:color-mix(in srgb,var(--ui-border) 70%,transparent)}
html body.bird-v1 .suno-topic-actions #generate{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--suno-accent)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--suno-accent) 30%,transparent)}
html body.bird-v1 :is(#step-4,#step-3,#step-2) :is(input:not([type=checkbox]):not([type=range]),textarea,select){background:color-mix(in srgb,var(--ui-panel) 90%,var(--ui-bg))!important;color:var(--ui-ink)!important;border-color:color-mix(in srgb,var(--ui-border) 65%,transparent)!important}
html body.bird-v1 :is(#step-4,#step-3,#step-2) :is(button,summary){color:var(--ui-ink);border-color:color-mix(in srgb,var(--ui-border) 68%,transparent)}
html body.bird-v1 :is(#step-4,#step-3,#step-2) button:not(.random-style-preview):not(.flow-tag-delete):not(#generate){background:color-mix(in srgb,var(--ui-panel) 88%,var(--suno-accent))!important;color:var(--ui-ink)!important}
html body.bird-v1 :is(#step-4,#step-3,#step-2) button:hover{border-color:var(--suno-accent)!important;filter:brightness(1.06)}
html body.bird-v1 :is(#step-4,#step-3,#step-2) :is(h1,h2,h3,h4,label,p,small,summary){color:var(--ui-ink)}
html body.bird-v1 :is(#step-4,#step-3,#step-2) :is(.detail-note,small){color:var(--ui-muted)}
html body.bird-v1 #random-style-topic{background:color-mix(in srgb,var(--suno-accent) 8%,var(--ui-panel));border-color:var(--suno-accent);color:var(--ui-ink)}
html body.bird-v1 .random-style-result,html body.bird-v1 #saved-records .saved-record,html body.bird-v1 .v1-batch{--record-accent:var(--suno-accent);background:linear-gradient(125deg,color-mix(in srgb,var(--suno-accent) 12%,var(--ui-panel)),var(--ui-panel) 68%)!important;border-color:color-mix(in srgb,var(--ui-border) 65%,transparent)!important;box-shadow:0 8px 26px color-mix(in srgb,var(--suno-accent) 13%,transparent)}
html body.bird-v1 .random-style-number{background:linear-gradient(90deg,color-mix(in srgb,var(--suno-accent2) 15%,var(--ui-panel)),transparent);border-color:color-mix(in srgb,var(--ui-border) 45%,transparent)}
html body.bird-v1 .random-style-number :is(strong,small),html body.bird-v1 .random-style-number>span,html body.bird-v1 .record-summary-name{color:var(--ui-ink)!important}
html body.bird-v1 .random-style-number .random-style-preview{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--suno-accent)!important}
html body.bird-v1 .random-style-number .random-style-preview[aria-pressed=true]{background:var(--suno-accent2)!important;color:#10141a!important}
html body.bird-v1 .random-music-kit{background:color-mix(in srgb,var(--suno-accent2) 9%,var(--ui-panel))!important;color:var(--ui-ink)!important;border-color:color-mix(in srgb,var(--ui-border) 55%,transparent)!important}
html body.bird-v1 .random-music-kit>div:first-child>p,html body.bird-v1 .random-music-kit .quick-style-tones{background:color-mix(in srgb,var(--suno-accent) 11%,var(--ui-panel))!important;color:var(--ui-ink)!important;border-color:color-mix(in srgb,var(--ui-border) 55%,transparent)!important}
html body.bird-v1 .random-music-kit :is(b,strong,label,small,[data-style-status],.random-style-current-bar){color:var(--ui-ink)!important}
html body.bird-v1 :is(.random-style-roll,.piano-roll,#roll){border-color:var(--suno-accent2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--suno-accent2) 16%,transparent)}
html body.bird-v1 .flow-overview{--white:var(--ui-ink);--muted:var(--ui-muted);--panel:var(--ui-panel);--line:var(--ui-border);background:color-mix(in srgb,var(--suno-accent2) 10%,var(--ui-panel))!important;color:var(--ui-ink)!important;border-color:color-mix(in srgb,var(--ui-border) 55%,transparent)!important}
html body.bird-v1 .flow-overview :is(.flow-overview-heading strong,.flow-tags-only,.flow-route-arrow,.flow-copy-hint){color:var(--ui-ink)!important}
html body.bird-v1 .flow-overview .flow-tag{color:#101827!important}
html body.bird-v1 .flow-four-stage{background:color-mix(in srgb,var(--suno-accent) 8%,var(--ui-panel));border-color:var(--ui-border)}
html body.bird-v1 .random-style-block strong,html body.bird-v1 .flow-four-stage strong{color:var(--ui-accent-text)!important}
html body.bird-v1 :is(.v1-history-melody,.floating-melody){background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--suno-accent2)!important}
html body.bird-v1>.transport{--white:var(--ui-ink);--muted:var(--ui-muted);--bg:var(--ui-panel);background:linear-gradient(110deg,color-mix(in srgb,var(--ui-panel) 93%,var(--suno-accent)),color-mix(in srgb,var(--ui-panel) 90%,var(--suno-accent2)))!important;color:var(--ui-ink)!important;border-color:var(--suno-accent)!important;box-shadow:0 12px 45px #0008,0 0 25px color-mix(in srgb,var(--suno-accent) 24%,transparent)!important}
html body.bird-v1>.transport :is(strong,small,label,span,output){color:var(--ui-ink)!important}
html body.bird-v1>.transport .play,html body.bird-v1>.transport #v1-quick-save{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--suno-accent)!important}
html body.bird-v1>.transport button:not(.play):not(#v1-quick-save){background:color-mix(in srgb,var(--ui-panel) 85%,var(--suno-accent2))!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html body.bird-v1 :is(input[type=range],input[type=checkbox]){accent-color:var(--suno-accent)!important}
html body.bird-v1 .suno-empty{color:var(--ui-muted);border-color:var(--ui-border)}
@media(max-width:640px){html body.bird-v1 #step-4 .v1-recommendation-head{background-position:center}html body.bird-v1 .random-style-result{box-shadow:0 5px 16px color-mix(in srgb,var(--suno-accent) 12%,transparent)}}
html body.bird-v1 .random-style-number .random-style-preview[aria-pressed=true]{color:var(--ui-on-accent2)!important}
html body.bird-v1 .random-style-number .style-reviewed-badge{background:var(--suno-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--suno-accent)!important}
html body.bird-v1 .random-music-kit .random-style-roll,html body.bird-v1 :is(.piano-roll,#roll){background:var(--ui-plot-bg)!important}
html body.bird-v1 .random-style-roll svg rect[fill="#c9f77b"],html body.bird-v1 .random-style-roll svg rect[fill="#e6ad7f"]{fill:var(--ui-plot-accent)}
html body.bird-v1 .random-style-roll svg line[stroke="#55dff0"]{stroke:var(--ui-plot-accent)}
html body.bird-v1 :is(dialog.flow-tag-picker,dialog.flow-route-picker,.style-record-picker,.random-vocal-settings,.flow-four-stage,.flow-experiment-note){--bg:var(--ui-bg);--panel:var(--ui-panel);--white:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-border);--lime:var(--ui-accent-text);color-scheme:inherit;background:color-mix(in srgb,var(--suno-accent2) 8%,var(--ui-panel))!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
html body.bird-v1 :is(dialog.flow-tag-picker,dialog.flow-route-picker,.style-record-picker,.random-vocal-settings,.flow-four-stage,.flow-experiment-note) :is(h2,h3,p,label,strong,small,span,li){color:var(--ui-ink)!important}
html body.bird-v1 :is(dialog.flow-tag-picker,dialog.flow-route-picker,.style-record-picker) :is(button,input,select,option,optgroup),html body.bird-v1 .flow-route-option{background:color-mix(in srgb,var(--suno-accent) 9%,var(--ui-panel))!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}