.suno-style-page{padding:28px;max-width:1600px;margin:auto}.suno-style-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.suno-style-heading .eyebrow{display:flex;align-items:center;gap:7px;color:var(--accent)}.suno-style-heading h2{font:clamp(32px,4vw,48px)/1.15 var(--serif);margin:9px 0}.suno-style-heading h2>span{color:#ca668c}.suno-style-heading p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:580px}.suno-totals{display:flex;gap:24px;flex-shrink:0}.suno-totals>div{display:flex;flex-direction:column;border-left:2px solid #b98bd7;padding:6px 16px}.suno-totals strong{font-size:31px;line-height:1.2}.suno-totals span{font-size:11px;color:var(--muted);margin-top:6px}.suno-style-filters{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:20px}.suno-filter-title{display:flex;gap:9px;align-items:center;font-size:14px;margin-bottom:16px;color:var(--accent)}.suno-filter-title button{margin-left:auto;font-size:12px}.suno-filter-inputs{display:grid;grid-template-columns:minmax(230px,2fr) repeat(2,minmax(125px,1fr)) minmax(150px,1fr);gap:12px}.suno-filter-inputs label{display:flex;flex-direction:column;gap:7px;min-width:0}.suno-filter-inputs label>span{font-size:11px;font-weight:600;color:var(--muted)}.suno-filter-inputs input,.suno-filter-inputs select{width:100%;min-width:0;background:var(--theme-tint);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;color:var(--text);min-height:42px}.suno-search>div{position:relative}.suno-search svg{position:absolute;left:11px;top:13px;color:var(--muted)}.suno-search input{padding-left:35px}.suno-filter-tags{border:0;padding:0;margin:16px 0 0;min-width:0}.suno-filter-tags legend{font-size:11px;font-weight:700;margin-bottom:8px}.suno-filter-tags>div{display:flex;gap:6px;flex-wrap:wrap}.suno-filter-tags button{display:flex;gap:5px;align-items:center;border-radius:6px;background:var(--theme-tint);border:1px solid var(--border);padding:6px 9px;font-size:11px;color:var(--text);cursor:pointer}.suno-filter-tags button[aria-pressed=true]{background:#4d3972;border-color:#4d3972;color:white}.suno-filter-tags.tones button[aria-pressed=true]{background:#8a3b61;border-color:#8a3b61}.suno-filter-tags small{opacity:.65}.suno-filter-foot{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:11px;color:var(--muted)}.suno-filter-foot label{display:flex;align-items:center;gap:7px}.suno-filter-foot input{width:15px;height:15px;min-height:0;padding:0;accent-color:var(--accent)}.suno-help{font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 0}.suno-results-line{display:flex;justify-content:space-between;font-size:12px;margin:22px 0 14px;gap:10px}.suno-results-line>span{color:var(--muted)}.suno-copy-status{font-size:12px;color:var(--accent);margin:0}.suno-copy-status:empty{display:none}.suno-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.suno-style-card{overflow:hidden;min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 5px 18px #25223508;transition:transform .2s,box-shadow .2s}.suno-style-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #25223512}.suno-card-art{height:100px;background:linear-gradient(115deg,hsl(var(--style-hue) 46% 29%),hsl(calc(var(--style-hue) + 50) 58% 49%));position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:white}.suno-card-art:before{content:'';position:absolute;width:210px;height:210px;right:-65px;top:-100px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff08}.suno-card-art>svg{position:absolute;right:18px;bottom:18px;opacity:.8}.suno-card-number{position:absolute;left:17px;top:15px;font-size:10px;letter-spacing:2px;opacity:.7}.suno-wave{display:flex;gap:4px;align-items:center;height:65px;transform:rotate(-8deg);opacity:.65}.suno-wave i{display:block;width:3px;background:white;border-radius:3px}.suno-card-body{padding:19px;display:flex;flex:1;flex-direction:column}.suno-card-kicker{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:700}.suno-card-body h3{font:23px/1.25 var(--serif);margin:7px 0 12px;overflow-wrap:anywhere}.suno-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.suno-card-tags button{border:1px solid hsl(var(--style-hue) 40% 80%);border-radius:5px;color:hsl(var(--style-hue) 40% 28%);background:hsl(var(--style-hue) 65% 94%);padding:4px 7px;font-size:10px;cursor:pointer}.suno-card-tags button.tone{background:#fcf0f5;color:#873c61;border-color:#efd5e1}.suno-prompt{margin:0 0 18px}.suno-prompt summary{cursor:pointer;list-style:none}.suno-prompt summary::-webkit-details-marker{display:none}.suno-prompt summary>span{font-size:12px;line-height:1.9;color:var(--text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.suno-prompt summary b{display:block;font-size:10px;color:var(--accent);margin-top:7px;text-decoration:underline}.suno-prompt[open] summary>span,.suno-prompt[open] summary b{display:none}.suno-prompt[open] summary:after{content:'Collapse style';font-size:10px;color:var(--accent);text-decoration:underline}.suno-prompt p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.suno-style-date{margin-top:auto;padding:10px 0;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:6px}.suno-style-date strong{font-weight:500}.suno-card-body footer{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.suno-card-body footer button{display:flex;gap:6px;align-items:center;border:0;border-radius:6px;padding:7px 9px;font-size:11px;cursor:pointer;background:var(--theme-tint);color:var(--text)}.suno-card-body footer .suno-song-count{background:hsl(var(--style-hue) 60% 94%);color:hsl(var(--style-hue) 40% 28%)}.suno-style-empty{text-align:center;padding:65px 20px;color:var(--muted)}.suno-style-empty svg{margin:auto}.suno-style-empty h3{color:var(--text)}.suno-style-empty p{font-size:13px}.suno-load-more{display:flex;margin:24px auto}.suno-songs-modal{max-width:650px}.suno-modal-prompt{padding:16px;background:var(--theme-tint);border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;max-height:220px;overflow:auto}.suno-song-links{list-style:none;padding:0;margin:14px 0}.suno-song-links li+li{border-top:1px solid var(--border)}.suno-song-links button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 4px;width:100%;color:var(--text);background:transparent;border:0;cursor:pointer}.suno-song-icon{padding:10px;border-radius:8px;color:var(--accent);background:var(--theme-tint)}.suno-song-links button>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.suno-song-links strong{font-size:13px}.suno-song-links small{font-size:10px;color:var(--muted)}.suno-style-page button:focus-visible,.suno-prompt summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:1550px){.suno-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1150px){.suno-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suno-filter-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.suno-style-heading{align-items:flex-start}.suno-totals{gap:2px}.suno-totals>div{padding:5px 10px}}@media (max-width:600px){.suno-style-page{padding:20px 14px}.suno-style-heading{display:block}.suno-totals{margin-top:19px;gap:24px}.suno-totals strong{font-size:24px}.suno-style-filters{padding:14px}.suno-filter-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.suno-search{grid-column:1/-1}.suno-filter-inputs>label:last-child{grid-column:1/-1}.suno-style-grid{grid-template-columns:minmax(0,1fr)}.suno-filter-foot{flex-direction:column}.suno-results-line{font-size:11px}}@media (prefers-reduced-motion:reduce){.suno-style-card{transition:none}.suno-style-card:hover{transform:none}}

/* Marketing frames around the source-rendered hub interface. */
.suno-showcase{padding:85px 0;background:linear-gradient(150deg,#f4edf9,#faf7fc 48%,#eef2fb);border-block:1px solid #e5d8ee}.suno-showcase .section-heading{align-items:start}.suno-showcase .section-heading>div:last-child{max-width:455px}.suno-showcase .section-heading .text-link{margin-top:19px}.suno-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:33px 0}.suno-benefits>div{border-left:2px solid #c8acdd;padding-left:17px}.suno-benefits>div:nth-child(2){border-color:#d591b6}.suno-benefits>div:nth-child(3){border-color:#8ca7d4}.suno-benefits>div>span{font-size:9px;letter-spacing:1.3px;color:#805898;font-weight:700}.suno-benefits strong{display:block;font-size:17px;line-height:1.4;color:#4d3265;margin-top:8px;font-weight:600;letter-spacing:-.3px}.suno-benefits p{font-size:13px;line-height:1.8;margin-top:8px;max-width:340px}.suno-organizer-figure{margin:35px 0 45px}.suno-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.suno-preview-toolbar>div{display:flex;flex-direction:column;gap:7px}.suno-preview-toolbar strong{font-size:20px;color:#4f3564;font-weight:500;letter-spacing:-.4px}.suno-preview-toolbar .preview-badge{font-size:8px}.suno-preview-toolbar>button{flex-shrink:0}.suno-preview-window{border:1px solid #d6c4e3;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #59337812;background:#fff}.suno-sample-badge{font-size:8px;color:#805995;letter-spacing:1px}.suno-preview-viewport{max-height:630px;overflow:hidden;position:relative}.suno-preview-viewport:after{content:'';position:absolute;inset:auto 0 0;height:40px;background:linear-gradient(transparent,#fffcffef);pointer-events:none}.suno-rendered-ui{--serif:var(--sans);--text:#352340;--border:#e5dbea;--theme-tint:#f4edf9;--muted:#75647f;--accent:#7646a5;background:#fcfafd;color:#352340;text-align:left;font:14px/1.6 var(--sans)}.suno-rendered-ui .suno-style-heading h2{font-family:var(--sans);font-size:34px;font-weight:600;letter-spacing:-1px}.suno-rendered-ui .suno-style-heading h2>span{color:#ca668c}.suno-rendered-ui .suno-style-grid{align-items:stretch}.suno-rendered-ui .suno-help{font-size:11px}.suno-rendered-ui input,.suno-rendered-ui select{font-family:var(--sans);background:#fff}.suno-rendered-ui .suno-card-body h3{font-family:var(--sans);font-weight:500;font-size:21px}.suno-rendered-ui .suno-style-card{transform:none;box-shadow:none}.suno-organizer-figure figcaption{font-size:11px;line-height:1.7;color:#806b8e;margin-top:13px;max-width:830px}.suno-organizer-figure .suno-filter-foot,.suno-organizer-figure .suno-style-filters>p{display:none}.suno-organizer-figure .suno-style-filters{margin-bottom:12px}.suno-organizer-figure .suno-copy-status{min-height:0}.suno-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.suno-detection-card{padding:30px;border:1px solid #dfd1e9;border-radius:13px;background:#fff}.suno-detection-card h3,.suno-demo-copy h3{font-size:30px;line-height:1.16;color:#533773;letter-spacing:-.9px;margin-top:13px}.suno-prompt-example{margin-top:24px;padding:19px;background:#f7f3fb;border:1px solid #e6dcef;border-radius:9px;font-size:14px;line-height:1.9;color:#61516e}.suno-prompt-example mark{background:#e8d9f3;color:#583773;border-radius:3px;padding:2px 0}.suno-prompt-example mark+mark{background:#f3d9e8;color:#8b3f6d}.suno-detected-tags{margin-top:20px}.suno-detected-tags>span{display:block;color:#786087;font-size:10px;font-weight:700;margin:12px 0 7px}.suno-detected-tags>div{display:flex;gap:6px;flex-wrap:wrap}.suno-detected-tags b{font-size:11px;font-weight:500;padding:5px 9px;border-radius:5px;background:#eee4f8;color:#714a8e;border:1px solid #decaee}.suno-detected-tags>div:last-child b{background:#f9e9f2;color:#98426f;border-color:#efd3e3}.suno-associated-example{margin-top:24px;padding:16px;border:1px solid #e5daec;border-radius:9px;background:#fdfbfe}.suno-associated-example>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.suno-associated-example>div>strong{font-size:12px;color:#684687}.suno-associated-example small{font-size:8px;color:#8b7597;max-width:110px;text-align:right}.suno-associated-example ul{list-style:none;padding:5px 0 0;margin:10px 0 0}.suno-associated-example li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eee5f4;color:#80618e}.suno-associated-example li strong{font-size:12px;font-weight:500;flex:1;color:#544060}.suno-associated-example li>span:first-child{font-size:18px}.suno-small-note{font-size:11px;line-height:1.8;margin-top:16px;color:#806d8a}.suno-demo-card{display:grid;grid-template-columns:1fr 260px;gap:24px;padding:30px;background:linear-gradient(135deg,#f5f0fb,#edf2fb);border:1px solid #d9cce8;border-radius:13px;align-items:center}.suno-demo-copy p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:18px}.suno-demo-copy .text-link{font-size:12px;margin-top:20px;line-height:1.6}.suno-demo-phone{min-width:0;margin:0;background:#352d43;border:6px solid #352d43;border-radius:28px;position:relative;box-shadow:0 14px 30px #4934581a}.suno-phone-camera{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:12px;background:#352d43;border-radius:0 0 10px 10px;z-index:1}.suno-phone-screen{padding:24px 12px 20px;background:#faf8ef;border-radius:22px;color:#354b35}.suno-phone-brand{display:flex;gap:8px;align-items:center;border-bottom:1px solid #dfe2d2;padding-bottom:11px;margin-bottom:18px}.suno-phone-brand img{width:42px}.suno-phone-brand strong{font-size:13px;font-weight:500;letter-spacing:-.4px}.suno-phone-kicker{font-size:7px;letter-spacing:1px;color:#66745b;display:block;line-height:1.6}.suno-phone-screen h4{font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.8px;margin-top:10px;color:#365139}.suno-phone-screen>p{font-size:10px;line-height:1.7;margin:10px 0 15px;color:#66745b}.suno-live-player{aspect-ratio:16/9;position:relative;background:#273b2c;border-radius:7px;overflow:hidden}.suno-live-player>button,.suno-live-player iframe{display:block;width:100%;height:100%;border:0}.suno-live-player>button{position:relative}.suno-live-player img{width:100%;height:100%;object-fit:cover;opacity:.75}.suno-play-icon{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:29px;background:#b72d45;color:#fff;border-radius:7px;font-size:14px}.suno-play-label{position:absolute;bottom:10px;left:0;right:0;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000}.suno-player-disclosure{font-size:8px;display:block;color:#68755f;line-height:1.5;margin:7px 0 14px}.suno-phone-tags{display:flex;gap:5px;flex-wrap:wrap}.suno-phone-tags>span{font-size:8px;color:#516748;background:#e9efdf;border:1px solid #d7e1c7;padding:4px 6px;border-radius:5px}.suno-phone-lyric{font-size:12px;line-height:1.9;color:#4e6148;margin-top:17px}.suno-demo-phone figcaption{font-size:8px;color:#f0e6f5;text-align:center;line-height:1.8;padding:9px 5px 7px}.suno-rights-note{display:flex;align-items:center;gap:18px;padding:23px 0 0;margin-top:25px;border-top:1px solid #ddcee8}.suno-rights-note>span{display:grid;place-items:center;border-radius:10px;width:38px;height:38px;flex-shrink:0;background:#e8ddf4;color:#744a99;font-size:24px}.suno-rights-note p{font-size:12px;line-height:1.8;flex:1}.suno-rights-note strong{color:#614277}.suno-rights-note>button{font-size:12px;flex-shrink:0;max-width:160px;line-height:1.6}#expanded-preview .suno-rendered-ui{border:1px solid #dfd3e8;border-radius:9px;overflow:hidden}#expanded-preview .suno-style-page{padding:25px}
@media (max-width:1200px){.suno-detail-grid{grid-template-columns:1fr 1fr}.suno-demo-card{grid-template-columns:1fr;padding:25px}.suno-demo-phone{width:260px;justify-self:center}.suno-demo-copy h3 br{display:none}.suno-benefits{gap:20px}.suno-preview-viewport{max-height:660px}}
@media (max-width:800px){.suno-showcase{padding:60px 0}.suno-benefits{grid-template-columns:1fr;gap:20px}.suno-benefits p{max-width:none}.suno-detail-grid{grid-template-columns:1fr}.suno-demo-card{grid-template-columns:minmax(0,1fr) 260px;padding:25px}.suno-preview-toolbar{align-items:start}.suno-preview-toolbar strong{font-size:18px}.suno-preview-toolbar .text-link{font-size:12px}.suno-rights-note{align-items:start;flex-wrap:wrap}.suno-rights-note p{min-width:calc(100% - 60px)}.suno-rights-note>button{max-width:none;margin-left:56px}.suno-preview-viewport{max-height:590px}}
@media (max-width:550px){.suno-showcase{padding:45px 0}.suno-demo-card{grid-template-columns:1fr;padding:23px}.suno-detection-card{padding:23px}.suno-benefits{margin:25px 0}.suno-organizer-figure{margin:28px 0}.suno-preview-toolbar{gap:12px}.suno-preview-toolbar strong{font-size:16px}.suno-preview-toolbar .preview-badge{font-size:7px}.suno-preview-toolbar>button{max-width:85px}.suno-sample-badge{font-size:7px;letter-spacing:.4px}.suno-preview-window .window-top{padding:0 10px;gap:5px}.suno-preview-window .window-top small{font-size:8px}.suno-preview-viewport{max-height:610px}.suno-rendered-ui .suno-style-page{padding:20px 14px}.suno-rendered-ui .suno-style-heading h2{font-size:29px}.suno-demo-phone{width:min(100%,265px)}.suno-detection-card h3,.suno-demo-copy h3{font-size:28px}.suno-associated-example>div{align-items:start}.suno-rights-note>span{display:none}.suno-rights-note p{min-width:100%}.suno-rights-note>button{margin-left:0}.suno-organizer-figure figcaption{font-size:10px}}

.suno-live-player.is-playing{aspect-ratio:auto;height:200px}