.suno-home{max-width:1460px;margin:auto;padding:16px 56px 35px}.suno-home__toolbar{justify-content:flex-end;height:40px;margin-right:-40px;display:flex}.suno-home__toolbar .suno-button{min-width:120px;color:var(--suno-muted);border-color:var(--suno-border);font-weight:400}.suno-home__hero{text-align:center;max-width:696px;margin:auto;padding:60px 0 96px}.suno-home__hero h1{letter-spacing:-1px;margin:0 0 24px;font-size:36px;font-weight:500;line-height:1.2}.suno-home__prompt{border:1px solid var(--suno-border);text-align:left;background:var(--suno-surface);border-radius:20px;padding:16px;box-shadow:0 -18px 120px #61273614}.suno-home__prompt textarea{resize:none;color:var(--suno-text);background:0 0;border:0;outline:none;width:100%;height:24px;min-height:24px;padding:0;font-size:16px;line-height:24px;display:block}.suno-home__prompt>div{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.suno-home__banner{background:#120e1b;border-radius:16px;height:222px;margin:0 0 40px;position:relative;overflow:hidden}.suno-home__banner-art{background:radial-gradient(at 80%,#c663923d,#0000 65%);position:absolute;inset:0;overflow:hidden}.suno-home__banner-art i{border:42px solid #cb539b;border-radius:50%;width:330px;height:600px;position:absolute;top:-110%;right:9%;transform:rotate(38deg);box-shadow:inset 10px 0 24px #7134ff99,0 0 45px #96519b44}.suno-home__banner-art i:nth-child(2){border-color:#7644bf;right:29%}.suno-home__banner-art i:nth-child(3){border-color:#f7ad74;right:-11%}.suno-home__banner:after{content:"";background:linear-gradient(#140e1d11,#000c 58%,#000 95%);position:absolute;inset:0}.suno-home__banner-content{z-index:1;color:#f7f4ef;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:16px 12px 12px;display:flex;position:relative}.suno-home__badge{background:var(--suno-accent);color:#101012;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1.4}.suno-home__banner h2{margin:0;font-size:16px;font-weight:600;line-height:20px}.suno-home__banner p{color:#b3b3b2;margin:0 0 12px;font-size:14px;line-height:20px}.suno-home__banner .suno-button{color:#101012;background:#f7f4ef;min-height:36px;padding:8px 16px;font-size:12px}.suno-home__shelves{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.suno-home__shelf{background:var(--suno-surface);border-radius:16px;flex-direction:column;min-height:466px;padding:20px;display:flex}.suno-home__shelf>header{align-items:center;gap:14px;margin:0 8px 18px;display:flex}.suno-home__shelf>header .suno-artwork{border-radius:12px;flex-shrink:0;width:100px}.suno-home__shelf h2{margin:0;font-size:16px;line-height:20px}.suno-home__shelf .track-list{padding:0 8px}.suno-home__shelf>.suno-button{width:100%;margin-top:auto;font-size:14px}.suno-home__shelf-empty{color:var(--suno-muted);min-height:110px;font-size:14px;line-height:1.6}.suno-home__ideas{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.suno-home__caption{color:var(--suno-muted);text-align:center;max-width:600px;margin:50px auto 10px;font-size:14px;line-height:1.6}@media (max-width:1100px){.suno-home{padding:16px 28px 35px}.suno-home__toolbar{margin-right:-12px}.suno-home__shelves{gap:12px}.suno-home__shelf{padding:16px}.suno-home__shelf>header{margin-inline:0}.suno-home__shelf>header .suno-artwork{width:64px}.suno-home__shelf .track-list{padding:0}.suno-home__ideas{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.suno-home{padding:16px}.suno-home__toolbar{margin:0}.suno-home__hero{padding:38px 0 48px}.suno-home__hero h1{font-size:28px}.suno-home__prompt textarea{height:48px}.suno-home__banner{height:238px}.suno-home__shelves{grid-template-columns:1fr}.suno-home__shelf{min-height:0}.suno-home__shelf>header .suno-artwork{width:80px}.suno-home__shelf-empty{min-height:35px}.suno-home__ideas{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.suno-home__footer{border-top:1px solid var(--suno-border);margin-top:40px;padding:24px 0}.suno-home__footer nav{color:var(--suno-muted);flex-wrap:wrap;gap:14px 24px;font-size:12px;display:flex}.suno-home__footer a:hover{color:var(--suno-text)}
