/* SUMO: cool white, midnight ink and studio violet. Shared by all three surfaces. */
:root,:root[data-theme],body.concept-studio{--sumo-accent:#6250c4;--sumo-soft:#eeebfb;--sumo-ink:#262b36;--sumo-muted:#59616f;--bg:#f7f8fc;--paper:#ffffff;--surface:#ffffff;--ink:#262b36;--muted:#59616f;--accent:#6250c4;--accent-soft:#eeebfb;--teal:#6250c4;--teal-dark:#49399c;--mint:#6250c4;--line:#dfe2ee;--soft:#eef0f7;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color-scheme:light}
body{color:var(--sumo-ink);background:var(--bg);font-family:var(--font);font-size:15px}button,input,textarea,select{font-family:inherit}::selection{background:#d9d2fa;color:#262b36}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#6250c4!important}input::placeholder,textarea::placeholder{color:#697281!important;opacity:1}
.site-header,.home-nav,.topbar,.work-card,.auth-card,.balance-card,.signin-card,.starter-row,.price-grid,.record-list,.member-dialog,.app-dialog{background:#ffffff;color:var(--sumo-ink)}.home-nav,.site-header,.topbar{border-color:var(--line)}
.brand-mark,.mint-word,.eyebrow,.section .eyebrow,.hero-benefits b,.mint-label,.card-kicker i,.signin-bottom strong,.record-amount.income,.reward-ticket>strong,.reward-card strong,.daily strong,.balance-value strong,.icon-tile.mint,.floating-note>span{color:#6250c4}.logo-wave i,.hero-tag i,.wave-bars i{background:#6250c4}.button.mint,.primary,.preview-cta,.button.primary{background:#6250c4;color:#fff;box-shadow:none}.button.mint:hover,.primary:hover,.button.primary:hover{background:#49399c}.button.black,.dark-button{background:#303744;color:white}.primary:disabled{background:#e8e5f5;color:#605a79;opacity:1}.toast.success{background:#49399c}
.hero-tag,.mint,.nav-item.selected,.preview-body aside button.selected,.step-number,.preview-mode,.reward-card.share{background:#eeebfb;color:#49399c;border-color:#cfc6f1}.nav-item.selected{box-shadow:none}.nav-item i{background:#6250c4}.auth-tabs button[aria-pressed=true]:after{background:#6250c4}.hero-tag{color:#49399c}.rewards-section,.contact-card,.invite-banner,.welcome-ticket{background:#eff0fa;border-color:#dce0ef}.ticket-back{background:#d1c9f2;border-color:#b7a9e7}.ticket-front{background:#ffffff;border-color:#dce0ef}.balance-decoration span{border-color:#c5bbed;background:#eeebfb}.upload-illustration{background:#efecfa}.download-illustration{background:#e9edf4}.lyrics-illustration{background:#f2edf8}.visual-orbit{background:#e3def7}.orbit-two{background:#e1e5ee}.album-art{background:linear-gradient(135deg,#b9afe8,#dedcf2 50%,#9baace);color:#393461}.record-disc{background:repeating-radial-gradient(circle,#29313d 0,#29313d 1px,#3c4654 2px,#3c4654 3px)}.record-disc:before{background:#b8a8eb;border-color:#6250c4}.floating-note{border-color:#dce0ef}.points-overlay{background:#f7f8fc;border-color:#dfe2ee}.points-overlay::backdrop{background:#262b3666}
.hero-copy>p,.section-top>p,.tool-card>p,.how-grid p,.contact-card>p,.faq-list details p,.rewards-intro>p,.reward-card p,.invite-copy p,.auth-story>p,.auth-card>p,.page-heading p:last-child,.signin-card p,.starter-row p,.cost-note,.rules-dialog details p,.member-dialog>p,.record-list li small,.auth-footnote,.legacy-link,.field-note,.dialog-note,.balance-bottom>span,.section-heading>span,.complete-label,.price-grid>div>span,.price-grid small,.light-badge,.quiet-button,.text-button,.support-link,.back-link,.nav-label,.sidebar-user small,.tool-link,.subtle-link,.hero-benefits,.format-strip,.format-strip b,.format-strip small,.qr-caption,footer nav,footer small,footer>span{color:#59616f}
.hero-copy>p,.section-top>p,.tool-card>p,.how-grid p,.contact-card>p,.rewards-intro>p,.invite-copy p,.auth-story>p,.auth-card>p,.page-heading p:last-child,.signin-card p,.starter-row p,.rules-dialog details p,.member-dialog>p{font-size:15px;line-height:1.85}.faq-list details p,.cost-note,.field-note,.legacy-link,.auth-footnote,.dialog-note,.record-list li small,.balance-bottom>span,.price-grid>div>span,.price-grid small,.section-heading>span,.complete-label,.hero-benefits,.subtle-link,.qr-caption,.reward-card p,.reward-card b{font-size:13px;line-height:1.75}.home-nav nav,.nav-login,.back-link,.nav-item,.quiet-button,.text-button,.support-link,.auth-tabs button,.primary,.dark-button,.button,.faq-list summary,form label,form input:not([type=checkbox]),.record-toolbar button{font-size:14px}.auth-card{padding:30px}.agreement,.agreement button{font-size:12px!important}.reward-card small{font-size:12px;color:#59616f}.tool-number,.eyebrow{font-size:12px}.tool-card>p{min-height:84px}.signin-card{min-height:232px}.invite-banner{min-height:290px}.signupStatus{white-space:normal}
/* Workbench controls use the same tokens; keep media/artwork unchanged. */
.price-grid .free-label,.mint-label,.ticket-top i,.mini-file>span,.mini-cloud,.floating-note strong,.preview-mode i,.demo-ready{color:#49399c}
.future-credit{margin:20px 0;padding:22px 24px;border:1px solid #cec7ee;border-radius:12px;background:linear-gradient(115deg,#e9e5fb,#f8f8ff);color:#302b50}.future-credit>span{display:block;font-size:12px;font-weight:650;letter-spacing:.6px;color:#6250c4;margin-bottom:10px}.future-credit h2,.future-credit h3{font-size:21px;line-height:1.5;margin:0 0 9px;letter-spacing:0}.future-credit p{font-size:14px;line-height:1.85;color:#514b6d;margin:0}.future-credit small{display:block;margin-top:10px;font-size:12px;color:#615c79;line-height:1.75}.rewards-intro .future-credit{padding:18px;margin:18px 0}.rewards-intro .future-credit h3{font-size:19px}
.concept-studio .work-card,.concept-studio .tab-panel,.concept-studio .personal-card,.concept-studio .dropzone,.concept-studio .format-option,.concept-studio .studio-art{border-color:var(--line)}.concept-studio .tabs button[aria-selected=true],.concept-studio .workflow-option:has(input:checked),.concept-studio .format-option:has(input:checked),.concept-studio .lyric-tools button[aria-pressed=true]{background:var(--sumo-soft);border-color:var(--sumo-accent);color:var(--sumo-accent)}.concept-studio .button.primary,.concept-studio #startUpload,.concept-studio #startDownload{background:var(--sumo-accent);color:white}.concept-studio p,.concept-studio .field-hint,.concept-studio .action-note,.concept-studio .info-note,.concept-studio .history-item p,.concept-studio .history-footer,.concept-studio .workspace-label{color:var(--sumo-muted);font-size:14px}.concept-studio input,.concept-studio textarea,.concept-studio select{font-size:15px;color:var(--sumo-ink);background:#ffffff}.concept-studio .membership-label{color:var(--sumo-ink);font-size:14px}
@media(max-width:780px){.nav-item.selected{box-shadow:0 2px #6250c4}.site-header{gap:12px}.invite-copy p{font-size:13px}.section-heading>span{display:none}.balance-bottom{flex-wrap:wrap}.starter-row{flex-wrap:wrap}.complete-label{white-space:normal}.signin-card{display:block;min-height:0}.signin-bottom{flex-direction:row;align-items:center;margin-top:16px}.signin-card h2{margin-top:12px}.reward-art{opacity:.9}.invite-banner{grid-template-columns:1fr .7fr;padding:22px 18px}.invite-copy h2{font-size:21px;white-space:normal}.rewards-grid{gap:10px}.reward-card{padding:18px 14px}.reward-card small{display:block;margin:4px 0}.auth-card{padding:24px}.home-nav{padding:0 16px}.home-nav .button{font-size:12px}.hero-actions .button{font-size:13px}.hero-benefits{gap:12px;flex-wrap:wrap}.price-grid small{font-size:12px}.account-sidebar nav{gap:18px}.nav-item{font-size:13px}.member-dialog{padding:28px 22px}.contact-card>p{font-size:13px}.record-toolbar>span{font-size:12px}}
:root[data-theme=dark],:root[data-theme=dark] body.concept-studio{--sumo-accent:#b8a6ff;--sumo-soft:#322c4b;--sumo-ink:#f0eef9;--sumo-muted:#bdb9cf;--bg:#1c2028;--paper:#252a33;--surface:#252a33;--ink:#f0eef9;--muted:#bdb9cf;--accent:#b8a6ff;--accent-soft:#322c4b;--line:#46415b;--soft:#2d2a3b;color-scheme:dark}
[data-theme=dark] body{color:var(--ink);background:var(--bg)}[data-theme=dark] .site-header,[data-theme=dark] .home-nav,[data-theme=dark] .topbar,[data-theme=dark] .work-card,[data-theme=dark] .auth-card,[data-theme=dark] .balance-card,[data-theme=dark] .signin-card,[data-theme=dark] .starter-row,[data-theme=dark] .price-grid,[data-theme=dark] .record-list,[data-theme=dark] .member-dialog,[data-theme=dark] .app-dialog,[data-theme=dark] .card-login,[data-theme=dark] .tool-card,[data-theme=dark] .reward-card,[data-theme=dark] .points-overlay{background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .hero-copy>p,[data-theme=dark] .section-top>p,[data-theme=dark] .tool-card>p,[data-theme=dark] .how-grid p,[data-theme=dark] .contact-card>p,[data-theme=dark] .faq-list details p,[data-theme=dark] .rewards-intro>p,[data-theme=dark] .reward-card p,[data-theme=dark] .invite-copy p,[data-theme=dark] .auth-story>p,[data-theme=dark] .auth-card>p,[data-theme=dark] .page-heading p:last-child,[data-theme=dark] .signin-card p,[data-theme=dark] .starter-row p,[data-theme=dark] .cost-note,[data-theme=dark] .rules-dialog details p,[data-theme=dark] .member-dialog>p,[data-theme=dark] .record-list li small,[data-theme=dark] .balance-bottom>span,[data-theme=dark] .quiet-button,[data-theme=dark] .text-button,[data-theme=dark] .back-link,[data-theme=dark] .support-link,[data-theme=dark] .hero-benefits,[data-theme=dark] .price-grid small,[data-theme=dark] .price-grid>div>span,[data-theme=dark] .section-heading>span,[data-theme=dark] .faq-list summary,[data-theme=dark] .nav-item,[data-theme=dark] form label{color:var(--muted)}
[data-theme=dark] .future-credit,[data-theme=dark] .rewards-section,[data-theme=dark] .contact-card,[data-theme=dark] .invite-banner,[data-theme=dark] .welcome-ticket{background:#2c293e;border-color:#584b7e;color:var(--ink)}[data-theme=dark] .future-credit p,[data-theme=dark] .future-credit small{color:#cdc5e5}[data-theme=dark] .future-credit>span,[data-theme=dark] .brand-mark,[data-theme=dark] .mint-word,[data-theme=dark] .balance-value strong,[data-theme=dark] .signin-bottom strong,[data-theme=dark] .reward-card strong,[data-theme=dark] .section .eyebrow,[data-theme=dark] .mint-label,[data-theme=dark] .price-grid .free-label{color:#b8a6ff}[data-theme=dark] .nav-item.selected{background:#322c4b;color:#b8a6ff}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .concept-studio input,[data-theme=dark] .concept-studio textarea,[data-theme=dark] .concept-studio select{background:#252a33;color:#f0eef9;border-color:#615778}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#b9b3cf!important}[data-theme=dark] .concept-studio #startUpload,[data-theme=dark] .concept-studio #startDownload{background:#6250c4;color:#fff}[data-theme=dark] .concept-studio .format-option{background:#252a33;color:#f0eef9}
.welcome-ticket>strong,.welcome-ticket>span,.ticket-spark,.code-field button,.agreement button,.auth-tabs button[aria-pressed=true],.auth-story>.eyebrow{color:var(--sumo-accent)}.welcome-ticket p,.auth-card>p:first-of-type{color:var(--sumo-muted)}
#sessionStatus.session-status{width:min(420px,calc(100vw - 40px));padding:34px 32px 32px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #6250c412;text-align:center;overflow:hidden}#sessionStatus::backdrop{background:#f7f8fcf2;backdrop-filter:blur(12px)}#sessionStatus .session-brand{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;margin-bottom:26px}#sessionStatus .session-brand>span{font-size:20px;font-weight:750;letter-spacing:.02em;line-height:1.25}#sessionStatus .session-brand small{display:block;font-size:11px;letter-spacing:.04em;font-weight:400;color:var(--muted);margin-top:3px}#sessionStatus h2{margin:16px 0 9px;font-size:22px;line-height:1.45;letter-spacing:0;outline:none}#sessionStatus p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}#sessionStatus .session-loading{display:flex;justify-content:center;align-items:center;gap:5px;height:45px}#sessionStatus .session-loading i{display:block;width:5px;height:24px;border-radius:5px;background:var(--sumo-accent);animation:session-beat 1.3s ease-in-out infinite;transform-origin:center}#sessionStatus .session-loading i:nth-child(2),#sessionStatus .session-loading i:nth-child(4){height:34px;animation-delay:.14s}#sessionStatus .session-loading i:nth-child(3){height:42px;animation-delay:.28s}#sessionStatus .session-loading i:nth-child(5){animation-delay:.42s}#sessionStatus .session-actions{margin-top:25px;display:grid;gap:12px}#sessionStatus .session-actions[hidden]{display:none}#sessionStatus button{font:600 14px var(--font);min-height:44px;width:100%;background:#6250c4;color:white;border:1px solid #6250c4;border-radius:10px;cursor:pointer}#sessionStatus a{color:var(--muted);font-size:13px;text-decoration:none}#sessionStatus button:focus-visible,#sessionStatus a:focus-visible{outline:2px solid #a795ed;outline-offset:3px}#sessionStatus[data-state=error] .session-loading i{animation:none;opacity:.35;transform:scaleY(.45)}[data-theme=dark] #sessionStatus::backdrop{background:#191c24f2}@keyframes session-beat{0%,100%{transform:scaleY(.5);opacity:.45}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){#sessionStatus .session-loading i{animation:none}}@media(max-width:480px){#sessionStatus.session-status{padding:28px 22px}#sessionStatus h2{font-size:20px}}