.suno-field{background-color:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline-strong);min-height:5.75rem;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-soft)}.suno-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.suno-field[aria-invalid=true]{border-color:var(--color-error)}.suno-spinner{animation:.8s linear infinite suno-spin;display:none}.suno-console[aria-busy=true] .suno-spinner{display:block}@keyframes suno-spin{to{transform:rotate(360deg)}}.suno-card{border-radius:var(--radius-xl);background-color:var(--color-surface-card);border:1px solid var(--color-hairline);box-shadow:var(--shadow-soft);grid-template-columns:1fr;gap:1rem 1.5rem;padding:1rem;display:grid}@media (width>=40rem){.suno-card{grid-template-columns:13rem minmax(0,1fr);padding:1.25rem}}.suno-actions,.suno-note,.suno-lyrics{grid-column:1/-1}.suno-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=39.99rem){.suno-actions>*{flex:calc(50% - .25rem)}.suno-actions>[data-action=mp3],.suno-actions>[data-action=mp3-convert],.suno-actions>[data-action=mp3-missing]{flex-basis:100%}}.suno-actions .btn-secondary:disabled{color:var(--color-muted-soft);cursor:not-allowed}.suno-mp3-spin{animation:.8s linear infinite suno-spin;display:none}.suno-mp3-btn[aria-busy=true] .suno-mp3-icon{display:none}.suno-mp3-btn[aria-busy=true] .suno-mp3-spin{display:block}.suno-mp3-btn[aria-disabled=true]{cursor:progress;opacity:.85}.suno-mp3-btn[data-state=queued] .suno-mp3-spin{animation-duration:2.4s}.suno-progress-track{background-color:var(--color-hairline);border-radius:9999px;height:.375rem;overflow:hidden}.suno-progress-fill{border-radius:inherit;background-color:var(--color-primary);width:0;height:100%;transition:width .2s linear}.suno-progress[data-indeterminate] .suno-progress-fill{width:35%;animation:1.1s ease-in-out infinite suno-indeterminate}@keyframes suno-indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}.suno-note[role=status]:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.suno-note[data-tone=error]{color:var(--color-error)}@media (prefers-reduced-motion:reduce){.suno-mp3-spin,.suno-progress[data-indeterminate] .suno-progress-fill{animation:none}.suno-progress-fill{transition:none}}.suno-lyrics{border-top:1px solid var(--color-hairline);padding-top:.875rem}.suno-sleeve{aspect-ratio:1;width:min(11rem,60vw);position:relative}.suno-cover{z-index:1;object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline);width:100%;height:100%;position:relative}.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-card.is-playing .suno-disc{transform:translate(18%)}.suno-card.is-playing .suno-disc:after{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0 40%, #ffffff26 47%, transparent 54%);animation:1.8s linear infinite suno-spin;position:absolute;inset:0}@media (width<=39.99rem){.suno-card.is-playing .suno-disc{transform:translate(32%)}}.suno-player{height:2.5rem}.suno-card{position:relative}.suno-card.is-new{animation:.52s cubic-bezier(.2,.9,.25,1.2) both suno-pop}@keyframes suno-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.suno-ready{z-index:2;background:color-mix(in srgb, var(--color-ok) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-ok) 30%, transparent);color:var(--color-ok);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.625rem;font-weight:700;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.suno-ready:before{content:"";background:var(--color-ok);border-radius:9999px;width:.375rem;height:.375rem}.suno-card.is-new .suno-ready{animation:.6s cubic-bezier(.2,.9,.25,1.4) .25s both suno-stamp}@keyframes suno-stamp{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}to{opacity:1;transform:none}}.suno-actions .is-done{border-color:var(--color-ok);color:var(--color-ok)}.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:.25rem .75rem;font-size:.75rem;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)}@media (prefers-reduced-motion:reduce){.suno-card.is-new,.suno-card.is-new .suno-ready{animation:none}}.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}}