:root,html[data-theme=dark]{color-scheme:dark;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg-base: #090C12;--bg-primary: #0D1322;--bg-surface: #11192C;--bg-surface-elevated: #17233B;--bg-subtle-box: rgba(9, 12, 18, .84);--bg-navbar: rgba(11, 16, 28, .92);--bg-bento: linear-gradient(180deg, #152038 0%, #0B101D 100%);--border-subtle: #1D2B45;--border-glass: #253657;--border-strong: #344C7A;--border-bezel: #1A2742;--specular-line: linear-gradient(90deg, transparent, rgba(248, 250, 252, .16), transparent);--titanium-gradient: linear-gradient(180deg, #F8FAFC 0%, #CBD5E1 100%);--titanium-pill-bg: linear-gradient(180deg, rgba(248, 250, 252, .1) 0%, rgba(148, 163, 184, .04) 100%);--titanium-pill-hover: linear-gradient(180deg, rgba(248, 250, 252, .16) 0%, rgba(148, 163, 184, .08) 100%);--titanium-border: rgba(203, 213, 225, .24);--titanium-border-strong: rgba(248, 250, 252, .42);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--brand-accent: #F59E0B;--brand-accent-soft: #FBBF24;--brand-success: #10B981;--brand-success-soft: #34D399;--brand-danger: #E63946;--brand-warning: #F59E0B;--brand-violet: #8B5CF6;--badge-accent-bg: rgba(245, 158, 11, .14);--badge-accent-border: rgba(245, 158, 11, .38);--badge-emerald-bg: rgba(16, 185, 129, .14);--badge-emerald-border: rgba(16, 185, 129, .36)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font:14px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;accent-color:var(--brand-accent-soft)}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.titanium-heading{color:var(--text-primary);background:var(--titanium-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}input[type=range].studio-slider{--slider-track-size: .32rem;--slider-thumb-size: .88rem;--slider-track-radius: 999px;--slider-thumb-radius: 50%;--slider-track-color: #1D2B45;--slider-fill-color: #CBD5E1;--slider-thumb-color: #F8FAFC;--slider-direction: to right;--attr-min: 0;--attr-max: 100;--control-value: 80;--slider-progress: calc(progress(var(--control-value), var(--attr-min), var(--attr-max))*100%) ;appearance:none;inline-size:100%;block-size:1.5rem;margin:0;padding:0;border:0;background:transparent;cursor:pointer}input[type=range].studio-slider.gold-slider{--slider-fill-color: var(--brand-accent-soft)}@supports not (opacity: progress(1,0,100)){input[type=range].studio-slider{--slider-progress: calc( (var(--control-value) - var(--attr-min)) / (var(--attr-max) - var(--attr-min)) * 100% )}}input[type=range].studio-slider::-webkit-slider-runnable-track{block-size:var(--slider-track-size);border:0;border-radius:var(--slider-track-radius);background:linear-gradient(var(--slider-direction),var(--slider-fill-color) var(--slider-progress),var(--slider-track-color) var(--slider-progress))}input[type=range].studio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);margin-block-start:calc((var(--slider-track-size) - var(--slider-thumb-size)) / 2);border:1.5px solid #475569;border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:0 2px 6px #00000073}input[type=range].studio-slider.gold-slider::-webkit-slider-thumb{border-color:var(--brand-accent)}input[type=range].studio-slider::-moz-range-track{block-size:var(--slider-track-size);border:0;border-radius:var(--slider-track-radius);background:var(--slider-track-color)}input[type=range].studio-slider::-moz-range-progress{block-size:var(--slider-track-size);border-radius:var(--slider-track-radius);background:var(--slider-fill-color)}input[type=range].studio-slider::-moz-range-thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);border:1.5px solid #475569;border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color)}input[type=range].studio-slider:focus-visible{outline:2px solid var(--brand-accent-soft);outline-offset:4px}textarea.auto-fit-textarea{field-sizing:content;height:auto;width:100%;min-block-size:3lh;max-block-size:8lh;background:transparent;border:0;padding:0;color:var(--text-primary);font:13.5px/1.55 var(--font-sans);resize:vertical}textarea.auto-fit-textarea.lyrics-editor{min-block-size:8.5lh;max-block-size:18lh;line-height:1.65}textarea.auto-fit-textarea.compact-editor{min-block-size:2lh;max-block-size:4.5lh}textarea.auto-fit-textarea:focus{outline:none}textarea.auto-fit-textarea::placeholder,.clean-input::placeholder{color:var(--text-muted)}.composer-tabs{display:flex;flex-direction:column;gap:14px}.composer-top-bar{display:flex;flex-direction:column;gap:10px}.composer-tablist{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(29,43,69,.65);gap:4px}.composer-tablist [role=tab]{position:relative;flex:1 1 0;padding:8px 12px 10px;border:0;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .14s ease}.composer-tablist [role=tab]:hover{color:var(--text-primary)}.composer-tablist [role=tab]:focus-visible{outline:2px solid var(--brand-accent-soft);outline-offset:-2px;border-radius:6px}.composer-tablist [role=tab][aria-selected=true]{color:var(--text-primary)}.composer-tablist [role=tab][aria-selected=true]:after{content:"";position:absolute;inset:auto 12px 0;border-block-end:2px solid var(--brand-accent-soft)}.composer-tabpanels{display:grid}.composer-tabpanels>[role=tabpanel]{grid-area:1 / 1;min-width:0}.composer-tabpanels>[role=tabpanel][hidden]:not([hidden=until-found]){display:none}.composer-tabpanels>[role=tabpanel][hidden=until-found]{pointer-events:none;block-size:0;overflow:hidden}.tabpanel-inner{display:flex;flex-direction:column;gap:14px}details.studio-accordion{background:transparent;border:0;border-top:1px solid rgba(29,43,69,.55);border-radius:0;overflow:hidden}details.studio-accordion>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 2px;font-size:12.5px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .14s ease}details.studio-accordion>summary::-webkit-details-marker{display:none}details.studio-accordion>summary:hover,details.studio-accordion[open]>summary{color:var(--text-primary)}details.studio-accordion>summary:focus-visible{outline:2px solid var(--brand-accent-soft);outline-offset:2px;border-radius:6px}details.studio-accordion>summary:before{content:"";inline-size:.95em;block-size:.95em;flex-shrink:0;background-color:var(--text-secondary);-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' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;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' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;rotate:-90deg}details.studio-accordion>summary:dir(rtl):before{rotate:90deg}details.studio-accordion[open]>summary:before{rotate:0deg;background-color:var(--text-primary)}@media(prefers-reduced-motion:no-preference){details.studio-accordion>summary:before{transition:rotate .2s ease}}details.studio-accordion::details-content{interpolate-size:allow-keywords;overflow:clip;contain:layout}details.studio-accordion:not([open])::details-content{block-size:0}@media(prefers-reduced-motion:no-preference){details.studio-accordion::details-content{transition:block-size,content-visibility,display;transition-duration:.24s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}}.accordion-body{padding:4px 0 12px;display:flex;flex-direction:column;gap:13px}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain}.visually-hidden{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}input:user-invalid,textarea:user-invalid,select:user-invalid{outline:2px solid var(--brand-danger);outline-offset:2px}.Drawer{--drawer-width: min(41rem, 93dvw, 100dvw - 20px);--drawer-backdrop: 0;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;background:transparent;border:0;overflow:visible;color:var(--text-primary)}.Drawer::backdrop{background:#05070b;opacity:calc(var(--drawer-backdrop) * .72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.Drawer-scroller{position:relative;display:grid;grid-template-columns:100% var(--drawer-width);overflow-x:scroll;overscroll-behavior:none;scrollbar-width:none;scroll-snap-type:x mandatory}.Drawer-scroller::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.Drawer-scroller{scroll-behavior:smooth}}.Drawer-scroller:before{content:"";scroll-snap-align:start;scroll-initial-target:nearest}.Drawer-sheet{display:grid;grid-template-rows:auto 1fr;height:100svh;background-color:var(--bg-base);background-image:var(--specular-line);background-size:100% 1px;background-repeat:no-repeat;background-position:top center;border-left:1px solid var(--border-subtle);box-shadow:-20px 0 48px #000000b8;color:var(--text-primary);overflow-y:auto;scroll-snap-align:end;scrollbar-width:thin}@supports (animation-timeline: scroll()){.Drawer{timeline-scope:--drawer-fade;animation:fade-drawer-backdrop linear both;animation-timeline:--drawer-fade}.Drawer-scroller{scroll-timeline:--drawer-fade x}@property --drawer-backdrop{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes fade-drawer-backdrop{0%{--drawer-backdrop: 0}to{--drawer-backdrop: 1}}}.drawer-header{position:sticky;top:0;z-index:2;background:#090c12f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-content{padding:20px;display:flex;flex-direction:column;gap:18px}.lyrics-stanza-sheet{background:#11192c6b;border:1px solid rgba(29,43,69,.6);border-radius:10px;padding:15px 17px;white-space:pre-wrap;font-size:13.5px;line-height:1.75;color:var(--text-primary)}.stem-console{background:#11192c5c;border:1px solid var(--border-subtle);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:13px}.stem-console-transport{display:grid;grid-template-columns:auto 44px minmax(0,1fr) 44px;align-items:center;gap:10px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:10px;padding:9px 12px;font:500 11px/1 var(--font-mono);color:var(--text-secondary)}.stem-track-row{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:10px;border:1px solid rgba(29,43,69,.65);background:#090c12b8;transition:border-color .14s ease,opacity .14s ease}.stem-track-row.silenced{opacity:.54}.stem-track-row.solo-active{border-color:var(--brand-accent);box-shadow:0 0 0 1px #f59e0b38}.stem-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stem-row-controls{display:grid;grid-template-columns:auto auto minmax(0,1fr) 46px auto;align-items:center;gap:8px}.ms-btn{min-width:34px;height:28px;padding:0 8px;border-radius:7px;border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--text-secondary);font:700 11px/1 var(--font-mono);display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all .12s ease}.ms-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.ms-btn.mute-on{background:#e6394629;border-color:var(--brand-danger);color:#ff6b7a}.ms-btn.solo-on{background:#f59e0b33;border-color:var(--brand-accent);color:var(--brand-accent-soft)}.substem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.substem-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:9px;background:#090c12b8;border:1px solid rgba(29,43,69,.65)}dialog.ReportDialog,dialog.AuthDialog{width:min(36rem,calc(100dvw - 28px));max-height:calc(100svh - 36px);margin:auto;padding:0;border:1px solid var(--border-glass);border-radius:16px;background-color:var(--bg-base);background-image:var(--specular-line);background-size:100% 1px;background-repeat:no-repeat;background-position:top center;color:var(--text-primary);box-shadow:0 28px 64px #000000d1}dialog.AuthDialog{width:min(27rem,calc(100dvw - 28px))}dialog.ReportDialog[open],dialog.AuthDialog[open]{display:flex;flex-direction:column}dialog.ReportDialog::backdrop,dialog.AuthDialog::backdrop{background-color:#05070bc7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-dialog-header{padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.report-dialog-form{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.report-fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px}.tag-check-grid{display:flex;flex-wrap:wrap;gap:7px}.tag-check-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--border-subtle);background:#11192c80;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.tag-check-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}input[type=checkbox]:checked+.tag-check-pill{background:var(--titanium-pill-hover);border-color:var(--titanium-border-strong);color:var(--text-primary);font-weight:600}input[type=checkbox]:checked+.tag-check-pill.positive{background:var(--badge-emerald-bg);border-color:var(--brand-success);color:var(--brand-success-soft)}input[type=checkbox]:focus-visible+.tag-check-pill{outline:2px solid var(--brand-accent-soft);outline-offset:2px}.otp-code-input{width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-glass);background:#11192c8c;color:var(--text-primary);font:600 1.25rem/1.2 var(--font-mono);letter-spacing:.35em;text-align:center;box-sizing:border-box}.otp-code-input:focus-visible,.auth-email-input:focus-visible{outline:2px solid var(--brand-accent-soft);outline-offset:2px}.auth-email-input{width:100%;min-height:46px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-glass);background:#11192c8c;color:var(--text-primary);font-size:1rem}.nav-count-badge{margin-left:auto;padding:2px 7px;border-radius:999px;font:700 10px/1.2 var(--font-mono);background:#cbd5e11f;border:1px solid rgba(203,213,225,.26);color:var(--text-primary)}.nav-count-badge.clean{background:var(--badge-emerald-bg);border-color:var(--badge-emerald-border);color:var(--brand-success-soft)}.suno-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100svh;padding-bottom:88px;background:var(--bg-base)}.suno-sidebar{position:sticky;top:0;height:calc(100svh - 88px);background:var(--bg-base);border-right:1px solid var(--border-subtle);padding:20px 14px;display:flex;flex-direction:column;gap:20px}.brand-header{display:flex;align-items:center;gap:11px;padding:2px 6px}.brand-header img{width:34px;height:34px;border-radius:9px}.brand-name{font-weight:700;font-size:13.5px;letter-spacing:.08em;color:var(--text-primary)}.brand-tag{display:block;font:600 9.5px/1.2 var(--font-mono);letter-spacing:.13em;color:var(--text-secondary);margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:3px}.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:500;font-size:13.5px;text-align:left;transition:background .14s ease,color .14s ease,border-color .14s ease}.nav-btn:hover{background:#f8fafc0a;color:var(--text-primary)}.nav-btn.active{background:var(--titanium-pill-bg);border-color:var(--titanium-border);color:var(--text-primary);font-weight:600}.sidebar-account-panel{margin-top:auto;padding-top:14px;border-top:1px solid rgba(29,43,69,.65);display:flex;flex-direction:column;gap:9px}.sidebar-credit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 11.5px/1.3 var(--font-mono);color:var(--text-primary)}.sidebar-user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-workspace{display:grid;grid-template-columns:clamp(368px,30vw,438px) minmax(0,1fr);min-height:calc(100svh - 88px)}.composer-dock{border-right:1px solid var(--border-subtle);background:var(--bg-base);padding:20px 20px 34px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.dock-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dock-title{font-size:17px;font-weight:600;letter-spacing:-.015em}.composer-inline-pickers{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.inline-genre-select-wrap{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#11192c6b;border:1px solid rgba(29,43,69,.6);flex:1 1 155px;min-width:0}.inline-genre-select-wrap:focus-within{border-color:var(--titanium-border-strong)}.inline-genre-select{width:100%;min-width:0;border:0;background:transparent;color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer}.inline-genre-select:focus{outline:none}.inline-genre-select option{background:var(--bg-primary);color:var(--text-primary)}.inline-length-group{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#11192c6b;border:1px solid rgba(29,43,69,.6)}.length-pill-btn{padding:4px 8px;border-radius:999px;border:0;background:transparent;color:var(--text-secondary);font:600 11px/1.2 var(--font-mono);transition:color .12s ease,background .12s ease}.length-pill-btn:hover{color:var(--text-primary)}.length-pill-btn.active{background:var(--titanium-pill-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--titanium-border)}.composer-section{display:flex;flex-direction:column;gap:8px;padding-top:13px;border-top:1px solid rgba(29,43,69,.55)}.composer-editor{background:#11192c6b;border:1px solid rgba(29,43,69,.6);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:border-color .14s ease,background .14s ease}.composer-editor:focus-within{border-color:var(--titanium-border-strong);background:#11192c94}.box-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.box-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.055em}.clean-input,.clean-select{width:100%;background:transparent;border:0;color:var(--text-primary);padding:0;font-size:13.5px}.clean-input:focus,.clean-select:focus{outline:none}.text-chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.text-chip-btn{padding:2px 5px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);font-size:11.5px;font-weight:500;transition:color .12s ease,background .12s ease}.text-chip-btn:hover{color:var(--text-primary);background:#f8fafc0d}.text-chip-btn.active{color:var(--text-primary);background:#cbd5e11c;font-weight:600}.tashkil-helper-line{font-size:11.5px;line-height:1.45;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tashkil-helper-line.highlighted{padding:6px 9px;border-radius:8px;background:#f59e0b17;border:1px solid rgba(245,158,11,.28);color:var(--text-secondary)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#11192c6b;padding:3px;border-radius:9px;border:1px solid rgba(29,43,69,.6)}.seg-btn{padding:6px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:500;text-align:center;transition:all .14s ease}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{background:var(--titanium-pill-bg);border-color:var(--titanium-border);color:var(--text-primary);font-weight:600}.genre-card-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pill-row{display:flex;gap:6px;flex-wrap:wrap;flex-wrap:balance}.mini-pill{padding:4px 10px;border-radius:999px;border:1px solid rgba(29,43,69,.72);background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:500;transition:all .12s ease}.mini-pill:hover,.mini-pill.active{border-color:var(--titanium-border-strong);color:var(--text-primary);background:var(--titanium-pill-bg)}.mini-pill.emerald{border-color:var(--badge-emerald-border);background:var(--badge-emerald-bg);color:var(--brand-success-soft)}.create-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:11px;border:1px solid rgba(251,191,36,.55);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#090c12;font-weight:700;font-size:14px;letter-spacing:.01em;box-shadow:0 10px 26px -10px #f59e0b9e;transition:transform .12s ease,box-shadow .12s ease}.create-cta-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 14px 30px -8px #f59e0bcc}.create-cta-btn:disabled{opacity:.68;cursor:wait}.membership-gate-banner{padding:12px 13px;border-radius:10px;background:#11192c94;border:1px solid rgba(245,158,11,.36);display:flex;flex-direction:column;gap:6px}.feed-column{background-color:var(--bg-base);background-image:radial-gradient(75% 130px at 50% 0%,rgba(203,213,225,.055),transparent);background-repeat:no-repeat;padding:24px 28px 40px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.feed-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.feed-header>:first-child{flex:1 1 260px;min-inline-size:0}.feed-plain-summary{font:500 12px/1.4 var(--font-mono);color:var(--text-muted);white-space:nowrap}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid rgba(29,43,69,.55)}.search-box{display:flex;align-items:center;flex:1 1 240px;min-inline-size:0;gap:8px;background:#11192c6b;border:1px solid rgba(29,43,69,.65);border-radius:9px;padding:7px 11px}.search-box .clean-input{width:auto;flex:1 1 auto;min-inline-size:0}.search-box:focus-within{border-color:var(--titanium-border-strong)}.track-list{display:flex;flex-direction:column}.track-row{container:track-row / inline-size;inline-size:100%;background:transparent;border:0;border-bottom:1px solid rgba(29,43,69,.48);padding:13px 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:background .14s ease,box-shadow .14s ease}.track-row:hover{background:#f8fafc09}.track-row.playing{background:#f59e0b0b;box-shadow:inset 2px 0 0 var(--brand-accent-soft),inset 0 0 0 1px #f59e0b3d;border-radius:8px}.track-header{display:flex;flex-direction:column;gap:4px;inline-size:100%;min-inline-size:0}.track-header-top{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap}.track-title-group{display:flex;align-items:center;gap:11px;flex:1 1 240px;min-inline-size:0}.track-play-btn{width:40px;height:40px;aspect-ratio:1;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#17233b,#11192c 65%,#090c12);border:1px solid rgba(203,213,225,.2);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.track-play-btn:hover{transform:scale(1.04);border-color:var(--titanium-border-strong)}.track-row.playing .track-play-btn{border-color:var(--brand-accent-soft);box-shadow:0 0 0 1px #fbbf2459}.track-title-stack{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.track-heading{margin:0;min-inline-size:0;font-size:15px;line-height:1.3;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.track-title-btn{border:0;background:transparent;padding:0;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary);text-align:left}.track-title-btn:hover{color:#cbd5e1}.track-duration-inline{font:500 11px/1.2 var(--font-mono);color:var(--text-muted);white-space:nowrap}.track-meta-line{font-size:12px;line-height:1.4;color:var(--text-secondary);margin:0}.track-utility-actions{display:flex;align-items:safe center;gap:2px;flex-shrink:0;margin-inline-start:auto}.track-utility-actions .action-btn-label{display:none}.quiet-icon-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:11.5px;font-weight:500;white-space:nowrap;text-decoration:none;transition:color .12s ease,background .12s ease}.quiet-icon-btn:hover{color:var(--text-primary);background:#f8fafc0f}.quiet-icon-btn.danger:hover{color:#ff6b7a;background:#e639461f}.track-subline{inline-size:100%;padding-inline-start:51px;font-size:12.5px;line-height:1.45;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:clip}.stem-switcher-bar{inline-size:100%;padding-inline-start:51px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stem-pills{display:flex;gap:4px;flex-wrap:wrap;flex-wrap:balance;min-inline-size:0}.mix-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid transparent;background:#f8fafc08;color:var(--text-secondary);font-size:11.5px;font-weight:500;white-space:nowrap;transition:color .12s ease,background .12s ease,border-color .12s ease}.mix-tab-btn:hover{color:var(--text-primary);background:#f8fafc12}.mix-tab-btn.active{color:var(--brand-accent-soft);background:#f59e0b1f;border-color:#f59e0b57;font-weight:600}.stems-mix-btn{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--titanium-pill-bg);border:1px solid var(--titanium-border);color:var(--text-primary);font-size:11.5px;font-weight:600;white-space:nowrap;transition:background .14s ease,border-color .14s ease,transform .12s ease}.stems-mix-btn:hover{background:var(--titanium-pill-hover);border-color:var(--titanium-border-strong)}.stem-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;border:1px solid var(--border-subtle);background:#11192c80;color:var(--text-secondary);font-size:11.5px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.stem-pill-btn:hover{border-color:var(--titanium-border-strong);color:var(--text-primary)}.stem-pill-btn.active{background:var(--titanium-pill-bg);border-color:var(--titanium-border-strong);color:var(--text-primary)}.stem-pill-btn.danger:hover,.stem-pill-btn.danger.active{background:#e6394626;border-color:var(--brand-danger);color:#ff6b7a}.status-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:6px;font:600 10px/1.25 var(--font-mono);white-space:nowrap;background:#cbd5e114;border:1px solid rgba(203,213,225,.2);color:var(--text-secondary)}.status-tag.emerald{background:var(--badge-emerald-bg);border-color:var(--badge-emerald-border);color:var(--brand-success-soft)}.status-tag.danger{background:#e6394624;border-color:#e6394659;color:#ff6b7a}@media(min-width:960px){.track-utility-actions .action-btn-label{display:inline}}@supports (container-type: inline-size){@media(min-width:960px){.track-utility-actions .action-btn-label{display:none}}@container track-row (min-width: 560px){.track-utility-actions .action-btn-label{display:inline}}}.explore-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.explore-card{background:var(--bg-bento);border:1px solid var(--border-subtle);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;transition:border-color .14s ease,transform .12s ease}.explore-card:hover{border-color:var(--titanium-border-strong);transform:translateY(-1px)}.transport-dock{position:fixed;bottom:0;left:0;right:0;height:86px;background-color:#090c12f0;background-image:var(--specular-line);background-size:100% 1px;background-repeat:no-repeat;background-position:top center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border-subtle);padding:0 24px;display:grid;grid-template-columns:300px minmax(0,1fr) 250px;align-items:center;gap:24px;z-index:40}.transport-track-info{display:flex;align-items:center;gap:12px;min-width:0}.transport-play-btn{width:42px;height:42px;border-radius:50%;border:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#090c12;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #f59e0b6b;transition:transform .12s ease}.transport-play-btn:hover{transform:scale(1.05)}.transport-center{display:flex;flex-direction:column;gap:4px;max-width:680px;width:100%;margin:0 auto}.transport-controls-row{display:flex;align-items:center;justify-content:center;gap:14px}.transport-timeline-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;font:500 11px/1 var(--font-mono);color:var(--text-secondary)}.transport-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}@keyframes pulseGlow{0%,to{opacity:.68}50%{opacity:1}}@keyframes spinSlow{to{transform:rotate(360deg)}}.spin-icon{animation:spinSlow 1.3s linear infinite}.generating-row{padding:14px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.36);background:#f59e0b0f;animation:pulseGlow 2s infinite ease-in-out}@media(max-width:1140px){.create-workspace{grid-template-columns:1fr}.composer-dock{border-right:0;border-bottom:1px solid var(--border-subtle)}}@media(max-width:780px){.suno-layout{grid-template-columns:1fr}.suno-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-subtle)}.track-subline,.stem-switcher-bar{padding-inline-start:0}.transport-dock{grid-template-columns:1fr;height:auto;padding:12px 16px;gap:8px}.transport-right{display:none}}.studio-auth-gate{min-height:100svh;background-color:var(--bg-base);background-image:radial-gradient(ellipse 72% 48% at 50% 0%,#17233b7a,#090c1200 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px 44px}.studio-gate-card{width:min(27.5rem,100%);border-radius:16px;border:1px solid var(--border-glass);background-color:var(--bg-surface);background-image:var(--specular-line);background-size:100% 1px;background-repeat:no-repeat;background-position:top center;box-shadow:0 28px 64px #000000b8;padding:26px 24px 24px;display:flex;flex-direction:column;gap:18px}.studio-gate-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-gate-brand-left{display:flex;align-items:center;gap:11px}.studio-gate-brand-left img{width:38px;height:38px;border-radius:10px}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap .auth-email-input{padding-inline-end:68px}.password-toggle-btn{position:absolute;inset-inline-end:8px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;border:1px solid var(--border-subtle);background:#090c12a6;color:var(--text-secondary);font:600 11px/1 var(--font-mono);cursor:pointer;transition:color .12s ease,border-color .12s ease}.password-toggle-btn:hover{color:var(--text-primary);border-color:var(--titanium-border)}.membership-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.membership-stat-cell{padding:11px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:#090c128c;display:flex;flex-direction:column;gap:4px}