.theme-picker{position:relative;display:inline-flex;align-items:center;flex-shrink:0;color:var(--text);z-index:60}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface,var(--panel));color:var(--text);cursor:pointer}.theme-picker svg{width:21px;height:21px;flex:none}.theme-toggle:hover{background:var(--surface,var(--card))}.theme-options{position:absolute;top:calc(100% + 10px);right:0;min-width:176px;padding:7px;background:var(--panel);border:1px solid var(--border);box-shadow:0 14px 38px #0003;border-radius:12px;z-index:90}.theme-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:9px 12px;border:0;border-radius:7px;background:none;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;text-align:left}.theme-options button:hover,.theme-options button[aria-checked=true]{background:#beacf11c}.theme-check{margin-left:auto;color:var(--accent)}.theme-picker :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-theme{position:absolute;top:20px;right:24px}.brand img,.login-brand img{object-fit:contain}.guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;gap:8px;color:var(--muted);white-space:nowrap}.guide-link:hover{color:var(--accent)}
:root[data-theme=light]{color-scheme:light;--bg:#f6f5f9;--rail:#fff;--panel:#fff;--surface:#f0edf5;--card:#fff;--border:#ded8e6;--muted:#686073;--text:#292331;--accent:#7251a8;--accent-ink:#fff;--teal:#256f61;--gold:#875e18;--danger:#b23449;--green:#18714e;--red:#b23449}
:root[data-theme=light] body{background:var(--bg);color:var(--text)}
:root[data-theme=light] :is(.rail,.sidebar,.topbar,.canvas-top,.player){background:var(--panel);border-color:var(--border)}
:root[data-theme=light] .studio{background:var(--bg)}
:root[data-theme=light] .canvas-viewport{background-image:radial-gradient(#c9c1d5 1px,transparent 1px)}
:root[data-theme=light] :is(input:not([type=range]),textarea,select,select option){background:#fff;color:var(--text);border-color:#cfc5da}
:root[data-theme=light] :is(input,textarea)::placeholder{color:#766b81}
:root[data-theme=light] :is(.outline,.outline-button,.export-button,.canvas-actions .outline-button){background:#f3eff8;color:#62428b;border-color:#ccbddb}
:root[data-theme=light] :is(.primary,.primary-button){background:var(--accent);color:#fff;border-color:var(--accent)}
:root[data-theme=light] :is(.primary:hover:not(:disabled),.primary-button:hover:not(:disabled)){background:#60408f}
:root[data-theme=light] :is(.avatar,.mini-avatar,.account-initial,.persona-avatar){background:#ece3f7;color:#62428b;border-color:#c4addb}
:root[data-theme=light] :is(.pill,.badge,.canvas-title>span:first-child,.feature-icon,.capability-intro>span,.payment-status>span:first-child){background:#eee6f8;color:#62428b;border-color:#d3c2e4}
:root[data-theme=light] :is(.sidebar nav button,.nav-caption,.sidebar-foot,.breadcrumb,.admin-foot,.eyebrow,.workspace-name>span[data-icon] svg,.canvas-hello,.canvas-hello>span:last-child){color:var(--muted)}
:root[data-theme=light] .sidebar nav button.active{background:#ece3f6;color:#63428f;border-color:#ccb7df}
:root[data-theme=light] :is(.source-tabs,.mode-tabs,.auth-tabs,.feature-shortcuts button){background:#f1edf6;border-color:var(--border);color:var(--muted)}
:root[data-theme=light] :is(.mode-tabs [aria-selected=true],.source-tabs [aria-pressed=true],.auth-tabs [aria-pressed=true],.feature-shortcuts [aria-pressed=true]){background:#e4d7f2;color:#593680;border-color:#bda0d2;box-shadow:none}
:root[data-theme=light] :is(.feature-picker,.feature-picker:hover){background:#eee6f7!important;border-color:#bca5d1;color:var(--text)}
:root[data-theme=light] :is(.feature-picker small,.feature-picker>span:last-child,.writing-tabs [aria-pressed=true]){color:#67408c}
:root[data-theme=light] :is(.feature-description,.lyrics-section,.field-hint,.range-fields>label,.range-fields>span,.time-input>span,.inspire-button,.composer-foot){color:var(--muted);border-color:var(--border)}
:root[data-theme=light] :is(.writing-tabs,.source-tabs,.canvas-private,.tool-divider,.price-line,.metric-row,.ledger-table td,.ledger-table th,.task-status,.recharge-order){border-color:var(--border)}
:root[data-theme=light] .chips button{background:#f2ecf8;border-color:#ded1e9;color:#684b80}
:root[data-theme=light] .chips button.selected{background:#e7d9f3;border-color:#ab8ac6;color:#51316f}
:root[data-theme=light] [role=switch]{background:#ccc3d5}
:root[data-theme=light] [role=switch][aria-checked=true]{background:var(--accent)}
:root[data-theme=light] [role=switch] span,:root[data-theme=light] [role=switch][aria-checked=true] span{background:white}
:root[data-theme=light] :is(.upload-zone,.persona-section,.persona-empty,.voice-availability,.recharge-instructions,.song-menu-preview){background:#f4eff9;border-color:#c5afd8;color:var(--text)}
:root[data-theme=light] :is(.upload-zone.dragover,.source-section.dragover){background:#e7dcf3}
:root[data-theme=light] :is(.node,.song-node){background:#fff;border-color:#d6cbdf;box-shadow:0 8px 24px #5743650d}
:root[data-theme=light] .node.selected{border-color:var(--accent);box-shadow:0 0 0 3px #7251a817,0 8px 24px #57436512}
:root[data-theme=light] :is(.node-top,.node-meta,.song-node .node-top,.song-node .node-meta){border-color:#e5dfea;color:#675475}
:root[data-theme=light] :is(.node-top .node-type,.node-content p,.song-description>p,.wave-wrap>small,.node-meta button,.song-node .node-meta){color:var(--muted)}
:root[data-theme=light] .node .tags span{background:#f1eaf8;border-color:#d9cae5;color:#6b4c80}
:root[data-theme=light] .port{background:#fff;border-color:#8c6db6}
:root[data-theme=light] .song-play{background:#eadff4;border-color:#c8addd;color:#634085}
:root[data-theme=light] .note-node{background:#fff8e7;border-color:#ddcd9e}
:root[data-theme=light] .note-node :is(.node-top,.node-meta){border-color:#eadbb5;color:#82662d}
:root[data-theme=light] .note-node textarea{color:#624d29;background:transparent}
:root[data-theme=light] :is(.canvas-tools,.zoom-control,.minimap){background:#fffefefa;border-color:#d2c5de;box-shadow:0 5px 24px #4b355916}
:root[data-theme=light] :is(#zoom-label,.canvas-tip,.minimap span,.seek-row,.player-right>span[data-icon] svg,.audio-quality){color:var(--muted);border-color:#cbbbd8}
:root[data-theme=light] .connections path{stroke:#a58aba}
:root[data-theme=light] .main-play{background:var(--accent);color:#fff}
:root[data-theme=light] .main-play:hover{background:#60408f!important}
:root[data-theme=light] input[type=range]{background:#d6c8e2}
:root[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#7251a8}
:root[data-theme=light] :is(dialog,.login-card){background:var(--panel);border-color:#d0c1dc;color:var(--text);box-shadow:0 24px 80px #3620442b}
:root[data-theme=light] :is(.modal-copy,.modal-hint,.quote-price small,.price-line,.capability-intro,.capability-group h3,.capability-en,.capability-description,.capability-price,.voice-availability p,.voice-availability>span:first-child,.menu-section-label,.song-action-list small,.song-action-list svg,.persona-empty p,.dialog-form label,.wallet-notice,.wallet-banner span,.wallet-banner svg,.recharge-instructions p,.recharge-order small,.recharge-order code,.payment-method-status small){color:var(--muted)}
:root[data-theme=light] :is(.quote-price,.capability-card-top strong,.big-metric,.text-button,.back-link,.admin-readonly .workspace-name strong,.admin-readonly .account-entry:disabled){color:#63428b}
:root[data-theme=light] :is(.download-row,.library-row,.capability-card,.remix-grid button){background:#f7f3fb;color:var(--text);border-color:#d6c6e2}
:root[data-theme=light] .capability-card:hover,:root[data-theme=light] .capability-card.selected{background:#e9def4!important;border-color:#a284bb}
:root[data-theme=light] :is(.song-action-list,.song-action-list button,.download-row.extra,.payment-method-status>span){border-color:#dccfe7}
:root[data-theme=light] .wallet-banner{background:linear-gradient(120deg,#e8daf3,#f6f1fb);border-color:#d1b9df}
:root[data-theme=light] .account-entry{background:#eee5f7;color:#63428b;border-color:#c3a7d6}
:root[data-theme=light] :is(.demo-notice,.price-input){background:#f3edf9;color:#684a80;border-color:#d4c2e2}
:root[data-theme=light] :is(th,.monitor-table th:last-child){background:#f1ecf6;color:#685873}
:root[data-theme=light] :is(td,.admin-foot){border-color:var(--border)}
:root[data-theme=light] tbody tr:hover{background:#f7f2fb}
:root[data-theme=light] .row-actions button{background:#f1e9f8;border-color:#d6c3e3;color:#644283}
:root[data-theme=light] .monitor-table td:last-child{background:#fff;box-shadow:-8px 0 12px #51345c08}
:root[data-theme=light] .monitor-table th:last-child{box-shadow:-8px 0 12px #51345c08}
:root[data-theme=light] :is(.status.pending,.status.submitted,.status.queued,.status.working,.delivery-outcome.partial,.billing-unverified,.billing-legacy,.business-money.warning strong,.monitor-health.warning,.order-status){color:#896218}
:root[data-theme=light] :is(.task-error-cell summary,.error,.negative,.danger,.row-actions button.danger){color:#ad304c}
:root[data-theme=light] .task-row-actions button{color:#67408b}
:root[data-theme=light] .connection-body pre{background:#f4eff8}
:root[data-theme=light] .site-file::file-selector-button{background:#ede4f6;color:#624087;border-color:#d0b9df}
:root[data-theme=light] .announcement-link{color:#1666bb}
:root[data-theme=light] :is(#toast,#admin-toast){background:#fff;color:#51336c;border-color:#bd9bd1;box-shadow:0 8px 30px #52336122}
:root[data-theme=light] .mobile-compose{background:#7251a8;color:white;border-color:#62408e}
:root[data-theme=light] .theme-options button:hover,:root[data-theme=light] .theme-options button[aria-checked=true]{background:#eee5f7}
@media(max-width:760px){.theme-toggle{width:40px;height:40px;padding:9px}.top-actions{gap:6px}.guide-link.header-guide{display:none}.operator{gap:8px}.operator .theme-picker{margin-left:0}.workspace-name strong{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-options button{transition:none}}
:root[data-theme=light] dialog::backdrop,:root[data-theme=light] .site-announcement-dialog::backdrop{background:#29203755}

:root[data-theme=light] :is(.download-separator,.login-foot,.stat-label svg){color:var(--muted)}
:root[data-theme=light] .order-status.paid{color:var(--green)}
