.suno-console{--suno-cta:color-mix(in srgb, var(--color-primary) 76%, #000);--suno-cta-hover:color-mix(in srgb, var(--color-primary) 66%, #000);--suno-selected-bg:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-card));--suno-selected-text:color-mix(in srgb, var(--color-primary-text) 72%, var(--color-ink));--suno-selected-ring:color-mix(in srgb, var(--color-primary) 38%, transparent)}.suno-ic{flex:none;width:1rem;height:1rem}.suno-ic-sm{flex:none;width:.875rem;height:.875rem}.suno-field{background-color:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline-strong);min-height:5.5rem;box-shadow:inset 0 1px 2px 0 rgb(var(--x-shadow-color) / .05);transition:border-color .15s,box-shadow .15s}.suno-field::placeholder{color:var(--color-muted);opacity:.8}.suno-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);outline:none}.suno-field[aria-invalid=true]{border-color:var(--color-error)}.suno-kbd{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-xs);background:var(--color-surface-soft);font-family:var(--font-sans);color:var(--color-body-strong);padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.suno-spinner{animation:.8s linear infinite suno-spin;display:none}.suno-console[aria-busy=true] .suno-spinner{display:block}.suno-console[aria-busy=true] .suno-search-icon{display:none}@keyframes suno-spin{to{transform:rotate(360deg)}}.suno-cta{background:var(--suno-cta);color:#fff;box-shadow:inset 0 1px 0 #ffffff29, 0 6px 16px -8px color-mix(in srgb, var(--color-primary) 80%, transparent);border-color:#0000;transform:none}.suno-cta:hover{background:var(--suno-cta-hover);box-shadow:inset 0 1px 0 #ffffff29, 0 8px 20px -8px color-mix(in srgb, var(--color-primary) 85%, transparent);transform:none}.suno-cta:active{transform:translateY(1px)}.suno-cta:disabled{background:var(--color-primary-disabled);color:var(--color-muted);box-shadow:none;cursor:not-allowed}.suno-cta-sm{min-height:2.25rem;padding:.5rem 1rem;font-size:.8125rem}.suno-chip{border:1px solid var(--color-hairline);background:var(--color-surface-soft);color:var(--color-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1.5;display:inline-flex}.suno-chip-btn{cursor:pointer;color:var(--color-body);transition:border-color .15s,color .15s,background-color .15s}.suno-chip-btn:hover{border-color:var(--color-primary);color:var(--color-primary-text);background:var(--color-surface-card)}.suno-recent-chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-hairline);background-color:var(--color-surface-soft);max-width:14rem;color:var(--color-body);border-radius:9999px;padding:.125rem .75rem;font-size:.75rem;font-weight:500;line-height:1.5;transition:border-color .15s,color .15s,background-color .15s;display:block;overflow:hidden}.suno-recent-chip:hover{border-color:var(--color-primary);color:var(--color-primary-text);background-color:var(--color-surface-card)}.suno-link-btn{color:var(--color-muted);text-underline-offset:3px;padding:.25rem 0;font-size:.75rem;text-decoration:underline}.suno-link-btn:hover{color:var(--color-error)}.suno-text-link{color:var(--color-primary-text);text-underline-offset:3px}.suno-text-link:hover{text-decoration:underline}.suno-card{border-radius:var(--radius-xl);background-color:var(--color-surface-card);border:1px solid var(--color-hairline);box-shadow:var(--shadow-soft);flex-direction:column;gap:1.25rem;padding:1rem;display:flex;position:relative}@media (min-width:40rem){.suno-card{padding:1.5rem}}#suno-results{grid-template-columns:minmax(0,1fr)}.suno-card>*{min-width:0}.suno-ready{z-index:2;color:var(--color-muted);align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:.875rem;right:1rem}.suno-ready:before{content:"";background:var(--color-ok);border-radius:9999px;width:.375rem;height:.375rem}@media (min-width:40rem){.suno-ready{top:1.25rem;right:1.5rem}}.suno-head{align-items:flex-start;gap:1.125rem;display:flex}.suno-head-text{flex:1;grid-template-columns:minmax(0,1fr);justify-items:start;gap:.5rem;min-width:0;padding-right:3.25rem;display:grid}@media (min-width:40rem){.suno-head{align-items:center;gap:1.5rem}.suno-head-text{padding-right:4rem}}.suno-sleeve{aspect-ratio:1;flex:none;width:clamp(5.25rem,26vw,8rem);position:relative}.suno-cover{z-index:1;object-fit:cover;border-radius:var(--radius-lg);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);width:100%;height:100%;position:relative}.suno-cover-link{z-index:2;border-radius:var(--radius-lg);opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.suno-cover-link:hover,.suno-cover-link:focus-visible{opacity:1}.suno-disc{background:radial-gradient(circle, var(--color-primary) 0 14%, #252422 14.5% 17%, transparent 17.5%), repeating-radial-gradient(circle, #2e2c29 0 1.5px, #1a1917 1.5px 3px);border-radius:9999px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:4%;box-shadow:0 4px 12px #00000040}.suno-disc:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff24 0%,#0000 40%,#ffffff0f 60%,#0000 100%);border-radius:9999px;position:absolute;inset:0}.suno-card.is-playing .suno-disc{animation:3s linear infinite suno-spin;transform:translate(14%)}.suno-title{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.5rem;font-weight:400;line-height:1.2;display:-webkit-box;overflow:hidden}@media (min-width:40rem){.suno-title{font-size:1.75rem}}.suno-byline{min-width:0;max-width:100%;color:var(--color-muted);align-items:baseline;gap:0 .375rem;font-size:.9375rem;line-height:1.4;display:flex}.suno-by{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:60%;overflow:hidden}.suno-handle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.suno-badges{flex-wrap:wrap;gap:.375rem;display:flex}.suno-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem .875rem;width:100%;font-size:.8125rem;display:flex}.suno-stat{font-variant-numeric:tabular-nums;align-items:center;gap:.3125rem;display:inline-flex}.suno-open{align-items:center;gap:.3125rem;font-size:.8125rem;font-weight:500;display:inline-flex}@media (min-width:40rem){.suno-open{margin-left:auto}}.suno-meta{column-gap:.75rem}.suno-tags{flex-wrap:wrap;gap:.375rem;display:flex}.suno-dna{color:var(--color-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.125rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.suno-dna>span{white-space:nowrap}.suno-player{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:.75rem;display:grid}.suno-play{background:var(--suno-cta);color:#fff;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .15s,background-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.suno-play:hover{background:var(--suno-cta-hover)}.suno-play:active{transform:scale(.96)}.suno-play:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:9999px}.suno-play svg{width:1.125rem;height:1.125rem}.suno-play:disabled{opacity:.4;cursor:not-allowed;transform:none}.suno-ic-play{margin-left:2px}.suno-ic-pause,.suno-card.is-playing .suno-ic-play{display:none}.suno-card.is-playing .suno-ic-pause{display:block}.suno-wave{--p:0%;--h:0%;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);touch-action:pan-y;height:2.75rem;position:relative}.suno-wave>div:not(.suno-wavefx){display:none}.suno-wavefx{pointer-events:none;position:absolute;inset:0}.suno-bars{align-items:center;gap:2px;display:flex;position:absolute;inset:0}.suno-bars>i{min-width:0;max-width:4px;height:var(--b);background:currentColor;border-radius:9999px;flex:1 1 0}.suno-bars-idle{color:color-mix(in srgb, var(--color-muted) 58%, transparent)}.suno-bars-hover{color:color-mix(in srgb, var(--color-primary) 65%, transparent);clip-path:inset(0 calc(100% - var(--h)) 0 0)}.suno-bars-played{color:var(--color-primary);clip-path:inset(0 calc(100% - var(--p)) 0 0)}@media (max-width:39.99rem){.suno-bars>i:nth-child(2n){display:none}.suno-bars>i{max-width:5px}}.suno-time{font-variant-numeric:tabular-nums;color:var(--color-body-strong);white-space:nowrap;font-size:.8125rem;font-weight:500}.suno-ctrls{align-items:center;gap:.125rem;display:flex}.suno-ctrl{border-radius:var(--radius-md);min-width:2.75rem;min-height:2.75rem;font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8125rem;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.suno-ctrl:hover{color:var(--color-ink);background:var(--color-surface-soft)}.suno-ctrl.text-primary,.suno-ctrl[aria-pressed=true]{color:var(--suno-selected-text);background:var(--suno-selected-bg);box-shadow:inset 0 0 0 1px var(--suno-selected-ring)}.suno-speed{color:var(--color-body-strong)}.suno-speed[data-changed=true]{color:var(--suno-selected-text);background:var(--suno-selected-bg);box-shadow:inset 0 0 0 1px var(--suno-selected-ring)}@media (min-width:40rem) and (pointer:fine){.suno-ctrl{min-width:2.25rem;min-height:2.25rem}}@media (max-width:39.99rem){.suno-player{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.125rem}.suno-wave{grid-column:2/4}.suno-time{grid-area:2/1/auto/3}.suno-ctrls{grid-area:2/3}}.suno-dl{border-radius:var(--radius-xl);background:var(--color-surface-soft);border:1px solid var(--color-hairline);grid-template-columns:minmax(0,1fr);gap:.875rem;padding:1rem;display:grid}@media (min-width:40rem){.suno-dl{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""ctrl cta""note cta""more more";gap:.75rem 1.5rem;padding:1.25rem}.suno-dl-title{grid-area:title}.suno-dl-ctrl{grid-area:ctrl}.suno-dl-cta{grid-area:cta;align-self:start}.suno-dl-note{grid-area:note}.suno-more{grid-area:more}}.suno-dl-title{color:var(--color-ink);letter-spacing:-.005em;font-size:.9375rem;font-weight:700}.suno-dl-ctrl{flex-wrap:wrap;align-items:center;gap:.625rem 1rem;display:flex}.suno-seg{border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);gap:2px;padding:3px;display:inline-flex}.suno-seg>button{border-radius:var(--radius-md);min-width:2.75rem;min-height:2.75rem;font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-muted);cursor:pointer;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:color .15s,background-color .15s}.suno-seg>button:hover{color:var(--color-ink);background:var(--color-surface-soft)}.suno-seg>button.text-primary,.suno-seg>button[aria-pressed=true]{color:var(--suno-selected-text);background:var(--suno-selected-bg);box-shadow:inset 0 0 0 1px var(--suno-selected-ring)}@media (min-width:40rem) and (pointer:fine){.suno-seg>button{min-width:2.5rem;min-height:2.25rem}}.suno-bitrate{flex-wrap:wrap;align-items:center;gap:.375rem .5rem;display:inline-flex}.suno-bitrate-label{color:var(--color-muted);white-space:nowrap;font-size:.75rem}.suno-dl-cta{min-width:0;display:grid}@media (min-width:40rem){.suno-dl-cta{min-width:15rem}}.suno-dl .suno-dl-main{white-space:nowrap;width:100%;display:none}.suno-dl[data-fmt=mp3] .suno-dl-main[data-fmt-for=mp3],.suno-dl[data-fmt=wav] .suno-dl-main[data-fmt-for=wav],.suno-dl[data-fmt=m4a] .suno-dl-main[data-fmt-for=m4a]{display:inline-flex}.suno-cta-meta{font-variant-numeric:tabular-nums;color:#ffffffeb;border-left:1px solid #ffffff59;margin-left:.125rem;padding-left:.625rem;font-size:.8125rem;font-weight:500}.suno-dl:not([data-fmt=mp3]) .suno-bitrate{display:none}.suno-dl-status{min-height:0;color:var(--color-body-strong);text-align:center;font-size:.8125rem;font-weight:500}.suno-dl-status>span{margin-top:.5rem;display:none}.suno-dl[data-fmt=mp3] .suno-dl-status>[data-fmt-for=mp3]:not(:empty),.suno-dl[data-fmt=wav] .suno-dl-status>[data-fmt-for=wav]:not(:empty),.suno-dl[data-fmt=m4a] .suno-dl-status>[data-fmt-for=m4a]:not(:empty){display:block}.suno-dl-cta+.suno-dl-note{margin-top:0}.suno-dl-note{color:var(--color-muted);font-size:.8125rem;line-height:1.5}.suno-dl-note>span{display:none}.suno-dl[data-fmt=mp3] [data-fmt-note=mp3],.suno-dl[data-fmt=wav] [data-fmt-note=wav],.suno-dl[data-fmt=m4a] [data-fmt-note=m4a]{display:inline}.suno-more{border-top:1px solid var(--color-hairline);grid-template-columns:minmax(0,1fr);gap:.5rem;padding-top:.875rem;display:grid}@media (min-width:40rem){.suno-more{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}}.suno-row{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-surface-card);min-width:0;min-height:3rem;color:var(--color-muted);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .75rem;transition:border-color .15s,background-color .15s;display:flex}.suno-row:hover{border-color:var(--color-hairline-strong);background:var(--color-canvas)}.suno-row-text{flex:1;min-width:0;line-height:1.3;display:grid}.suno-row-label{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.suno-row-meta,.suno-row-status{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.suno-row-status{color:var(--color-body-strong)}.suno-row-status:empty,.suno-row-status:not(:empty)~.suno-row-meta{display:none}.suno-row[aria-expanded=true]{border-color:var(--suno-selected-ring)}[data-state=error]{font-weight:600;color:color-mix(in srgb, var(--color-error) 80%, var(--color-ink))!important}[data-state=error]:before{content:"";vertical-align:-.125em;background:currentColor;width:.875em;height:.875em;margin-right:.375em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v6'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v6'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") 50%/contain no-repeat}.suno-row.is-done,.suno-ghost.is-done{border-color:color-mix(in srgb, var(--color-ok) 50%, transparent)}.suno-trimmer{border-radius:var(--radius-xl);border:1px solid var(--color-hairline);background:var(--color-surface-soft);padding:1rem}@media (min-width:40rem){.suno-trimmer{padding:1.25rem}}.suno-trim-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.suno-trim-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:.875rem;display:grid}@media (min-width:40rem){.suno-trim-grid{grid-template-columns:1fr 1fr}}.suno-trim-field{border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);gap:.375rem;padding:.75rem;display:grid}.suno-trim-label{color:var(--color-ink);font-size:.8125rem;font-weight:600}.suno-trim-input{align-items:center;gap:.5rem;display:flex}.suno-trim-input input{text-align:center;min-width:0;min-height:2.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline);color:var(--color-ink);flex:1;font-size:1rem;font-weight:600}.suno-trim-input input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.suno-step{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-card);min-width:2.75rem;min-height:2.75rem;color:var(--color-body-strong);font-variant-numeric:tabular-nums;cursor:pointer;padding:0 .5rem;font-size:.8125rem;font-weight:600}.suno-step:hover{border-color:var(--color-hairline-strong);background:var(--color-canvas)}.suno-trim-presets{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:1rem;display:flex}.suno-trim-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.suno-trim-actions .suno-cta-sm{order:99}@media (min-width:40rem){.suno-trim-actions .suno-cta-sm{margin-left:auto}}.suno-trim-status{color:var(--color-body-strong);margin-top:.75rem;font-size:.8125rem;font-weight:500}.suno-trim-status:empty{display:none}.suno-ghost{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);min-height:2.75rem;color:var(--color-body-strong);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.suno-ghost:hover{background:var(--color-surface-soft);border-color:var(--color-hairline-strong)}.suno-ghost .suno-ic{color:var(--color-muted)}.suno-utils{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.suno-utils>.suno-ghost:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:40rem){.suno-utils{flex-wrap:wrap;display:flex}.suno-ghost{min-height:2.5rem}}.suno-disclosures{gap:.5rem;display:grid}.suno-disclosure{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden}.suno-disclosure>summary{min-height:2.75rem;color:var(--color-body-strong);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.suno-disclosure>summary::-webkit-details-marker{display:none}.suno-disclosure>summary:focus-visible{outline-offset:-2px}.suno-disclosure>summary:hover{background:var(--color-surface-soft)}.suno-chev{color:var(--color-muted);transition:transform .15s}.suno-disclosure[open] .suno-chev{transform:rotate(180deg)}.suno-disclosure-body{border-top:1px solid var(--color-hairline);background:var(--color-surface-soft);padding:.875rem}.suno-lyrics{font-family:var(--font-sans);color:var(--color-body);white-space:pre-wrap;max-height:15rem;font-size:.875rem;line-height:1.7;overflow-y:auto}.suno-row-chev{color:var(--color-muted)}@media (max-width:39.99rem){.suno-text-link{margin-block:-.8125rem;padding-block:.8125rem}.suno-chip-btn,.suno-recent-chip,.suno-link-btn{align-items:center;min-height:2.75rem;display:inline-flex}.suno-recent-chip{display:flex}}.suno-shimmer{background:linear-gradient(90deg, var(--color-surface-soft) 0%, var(--color-hairline) 50%, var(--color-surface-soft) 100%);background-size:200% 100%;animation:1.2s ease-in-out infinite suno-shimmer}@keyframes suno-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:39.99rem){.suno-ready{display:none}.suno-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.625rem 1rem;display:grid}.suno-head-text{display:contents}.suno-sleeve{grid-row:1/span 3;width:5.75rem}.suno-title,.suno-byline,.suno-badges{grid-column:2;align-self:start}.suno-title{font-size:1.25rem}.suno-meta,.suno-tags,.suno-dna{grid-column:1/-1}.suno-head{row-gap:.375rem}.suno-head-text>.suno-meta,.suno-head-text>.suno-tags,.suno-head-text>.suno-dna{margin-top:.25rem}.suno-card{gap:1rem}.suno-dl{gap:.625rem;padding:.875rem}.suno-dl-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.suno-dl-ctrl{gap:.5rem;display:grid}.suno-dl-ctrl .suno-seg{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;display:grid}.suno-bitrate{grid-template-columns:auto minmax(0,1fr);gap:.5rem;display:grid}.suno-bitrate-unit{display:none}.suno-row-label,.suno-row-meta,.suno-row-status{white-space:normal;text-overflow:clip;overflow:visible}.suno-dl{order:1}.suno-player{order:2}.suno-trimmer{order:3}.suno-utils{order:4}.suno-disclosures{order:5}}@media (prefers-reduced-motion:reduce){.suno-card.is-playing .suno-disc,.suno-shimmer{animation:none}.suno-spinner{animation-duration:2s}}
.ql-suno{--color-ink:var(--foreground);--color-body:color-mix(in srgb, var(--foreground) 86%, transparent);--color-body-strong:var(--foreground);--color-muted:var(--muted-foreground);--color-muted-soft:color-mix(in srgb, var(--muted-foreground) 70%, transparent);--color-canvas:var(--background);--color-surface-soft:var(--muted);--color-surface-card:var(--card);--color-hairline:color-mix(in srgb, var(--foreground) 15%, transparent);--color-hairline-strong:color-mix(in srgb, var(--foreground) 32%, transparent);--color-primary:var(--accent-3);--color-primary-text:var(--accent-3);--color-primary-disabled:var(--muted);--color-on-primary:var(--background);--color-error:var(--accent-2);--color-ok:var(--accent);--x-shadow-color:46 46 44;--radius-xs:2px;--shadow-soft:var(--shadow-brutal-sm);color:var(--color-body)}.ql-suno .text-ink{color:var(--color-ink)}.ql-suno .text-body{color:var(--color-body)}.ql-suno .text-muted{color:var(--color-muted)}.ql-suno .text-primary{color:var(--color-primary)}.ql-suno .text-error{color:var(--color-error)}.ql-suno .text-body-sm{font-size:.8125rem;line-height:1.6}.ql-suno .bg-surface-soft{background-color:var(--color-surface-soft)}.ql-suno .bg-surface-card{background-color:var(--color-surface-card)}.ql-suno .bg-muted-soft{background-color:var(--color-muted-soft)}.ql-suno .bg-primary{background-color:var(--color-primary)}.ql-suno .border-hairline{border-color:var(--color-hairline)}.ql-suno .from-primary{--tw-gradient-from:var(--color-primary)}:where(.ql-suno) .btn-primary,:where(.ql-suno) .btn-secondary{border-radius:var(--radius-md);border:1.5px solid var(--foreground);min-height:2.75rem;font-family:var(--font-sans);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-brutal-sm);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1;transition:transform .12s,box-shadow .12s,background-color .15s;display:inline-flex}.ql-suno .btn-primary{background:var(--foreground);color:var(--background)}.ql-suno .btn-secondary{background:var(--card);color:var(--foreground)}.ql-suno .btn-primary:hover,.ql-suno .btn-secondary:hover{box-shadow:none;transform:translate(1px,1px)}.ql-suno .btn-lg{min-height:3rem;padding-inline:1.375rem;font-size:.9375rem}.ql-suno .suno-console,.ql-suno.suno-console{--suno-cta:var(--foreground);--suno-cta-hover:var(--foreground);--suno-selected-bg:color-mix(in srgb, var(--accent-3) 12%, var(--card));--suno-selected-text:var(--accent-3);--suno-selected-ring:color-mix(in srgb, var(--accent-3) 40%, transparent)}.ql-suno .suno-cta{background:var(--foreground);color:var(--background);border:1.5px solid var(--foreground);box-shadow:var(--shadow-brutal-sm)}.ql-suno .suno-cta:hover{background:var(--foreground);box-shadow:none;transform:translate(1px,1px)}.ql-suno .suno-cta:disabled{background:var(--muted);color:var(--muted-foreground);border-color:#0000}.ql-suno .suno-cta-meta{border-left-color:color-mix(in srgb, var(--background) 35%, transparent);color:color-mix(in srgb, var(--background) 85%, transparent)}.ql-suno .suno-play{color:var(--background);border:1.5px solid var(--foreground)}.ql-suno .suno-card,.ql-suno .suno-dl,.ql-suno .suno-trimmer{border-width:1.5px}.ql-suno .suno-title{font-family:var(--font-display);font-weight:500}.ql-suno .suno-chip,.ql-suno .suno-kbd,.ql-suno .suno-time,.ql-suno .suno-dna,.ql-suno .suno-bitrate-label{font-family:var(--font-mono)}.ql-suno .suno-chip{border-radius:var(--radius-sm);letter-spacing:.02em;font-size:.6875rem}.ql-suno .suno-disc{background:radial-gradient(circle, var(--accent-3) 0 14%, #252422 14.5% 17%, transparent 17.5%), repeating-radial-gradient(circle, #2e2c29 0 1.5px, #1a1917 1.5px 3px)}.ql-suno #modal-progress-bar{background:var(--accent-3)}.ql-suno #suno-modal-card{border:1.5px solid var(--foreground);box-shadow:var(--shadow-brutal-sm);background:var(--card)}.ql-suno #suno-modal-card circle[fill=\#cc785c]{fill:var(--accent-3)}.ql-suno #suno-modal-card circle[fill=\#e89073]{fill:color-mix(in srgb, var(--accent-3) 70%, white)}