/* Workspace design: neutral reading surfaces, consistent geometry, visible control states. */
:root,:root[data-color-mode=light]{--read-bg:#f5f5f7;--read-panel:#fff;--read-sub:#f0f1f3;--read-text:#1d1d1f;--read-muted:#626268;--read-accent:#0066cc;--read-button:#0066cc;--read-on:#fff;--read-line:#dedee3}
:root[data-color-mode=dark]{--read-bg:#18181a;--read-panel:#242426;--read-sub:#303033;--read-text:#f5f5f7;--read-muted:#b5b5bc;--read-accent:#69adff;--read-button:#0a66cc;--read-on:#fff;--read-line:#424246}
.suite-page,.suite-page input,.suite-page select,.suite-page textarea,.suite-page button,.suite-page h1,.suite-page h2,.suite-page h3,.suite-page p,.suite-page span,.suite-page label{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif!important;letter-spacing:normal!important}
body.suite-page{color:var(--read-text)!important;background:var(--read-bg)!important;font-size:15px!important;line-height:1.55}
.suite-page p,.suite-page small,.suite-page .muted,.suite-page label,.suite-page .subtle-chip{color:var(--read-muted)!important}
.suite-page h1,.suite-page h2,.suite-page h3,.suite-page strong{color:var(--read-text)!important}
.suite-page h2,.suite-page .step-title{font-size:18px!important;font-weight:600!important;line-height:1.4}
.suite-page .suite-brand,.suite-page .suite-brand strong{color:var(--read-text)!important}
body.workspace-host{padding:64px 0 0 216px!important}.workspace-host .suite-sidebar{width:216px;background:var(--read-sub)!important;padding:24px 14px!important}.workspace-host .suite-topbar{left:216px;height:64px;padding:0 24px!important;background:var(--read-panel)!important}.workspace-host .suite-sidebar .suite-eyebrow{display:none}.workspace-host .suite-brand{padding:0 10px;margin-bottom:32px}.workspace-host .suite-sidebar nav{gap:6px}.workspace-host .suite-sidebar nav a{min-height:44px;padding:10px 12px!important;border:0!important;border-radius:9px!important;color:var(--read-muted)!important;font-size:14px!important;box-shadow:none!important}.workspace-host .suite-sidebar nav a[aria-current=page]{background:var(--read-panel)!important;color:var(--read-text)!important;box-shadow:0 1px 4px #0000000a!important}.workspace-host .suite-sidebar nav a[aria-current=page] span{color:var(--read-accent)}.workspace-host .suite-topbar>span{font-size:16px!important;font-weight:600;white-space:nowrap}.workspace-host #workspaceEmail{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--read-muted)}.workspace-host .suite-account{gap:12px}.workspace-host .suite-account button{white-space:nowrap}
.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{padding:24px!important;max-width:1160px!important;min-height:0!important}
.workspace-embedded .page-heading,.workspace-embedded .member-heading,.workspace-embedded .intro,.workspace-embedded .club-footer,.workspace-embedded .studio-footer,.workspace-embedded .panel-heading,.workspace-embedded .batch-page>footer{display:none!important}
.suite-page .effect-panel,.suite-page .result-panel,.suite-page .member-panel,.suite-page .card,.suite-page .work-card{border:1px solid var(--read-line)!important;border-radius:16px!important;background:var(--read-panel)!important;box-shadow:0 2px 10px #00000003!important;padding:22px!important;min-width:0!important}
.suite-page .effect-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr)!important;gap:20px!important;align-items:start!important;margin:0!important}
.suite-page .step-title{margin:0 0 16px!important}.suite-page .step-title>span{font-size:11px!important;width:24px;height:24px;border-radius:7px;background:var(--read-sub)!important;color:var(--read-muted)!important}
.suite-page .upload-zone{min-height:148px!important;padding:22px!important;border:1px dashed var(--read-line)!important;background:var(--read-sub)!important;border-radius:12px!important;gap:8px!important}.suite-page .upload-zone>span{font-size:22px!important}.suite-page .upload-zone strong{font-size:16px!important}.suite-page .upload-zone small{font-size:12px!important}.suite-page .upload-note{font-size:12px!important;line-height:1.6!important;margin:10px 0 18px!important}
.suite-page .preset-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:20px 0!important;padding:0!important}.suite-page .preset-list legend{margin-bottom:14px!important}.suite-page .preset-option{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:10px!important;padding:14px 12px!important;min-height:126px;border:1px solid var(--read-line)!important;border-radius:11px!important;box-shadow:none!important;background:var(--read-panel)!important}.suite-page .preset-option strong{font-size:14px!important}.suite-page .preset-option small{font-size:12px!important;line-height:1.6!important}.suite-page .preset-option input{margin:0!important}.suite-page .preset-option:has(input:checked){background:var(--read-sub)!important;border-color:var(--read-accent)!important;box-shadow:0 0 0 1px var(--read-accent)!important}
.suite-page .result-panel{position:sticky;top:24px;min-height:340px!important}.suite-page .empty-results{min-height:230px!important;padding:28px 12px!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.suite-page .empty-record{width:64px!important;height:64px!important;font-size:26px!important;border:1px solid var(--read-line)!important;background:var(--read-sub)!important;box-shadow:none!important}.suite-page .empty-results h3{font-size:16px!important;margin:16px 0 8px!important}.suite-page .empty-results p,.suite-page .result-panel>.muted{font-size:13px!important}
.suite-page .primary,.suite-page .button.primary{min-height:44px!important;border-radius:9px!important;background:var(--read-button)!important;color:var(--read-on)!important;font-size:14px!important}.suite-page input:not([type=radio]):not([type=checkbox]):not([type=range]),.suite-page select,.suite-page textarea{border:1px solid var(--read-line)!important;background:var(--read-sub)!important;color:var(--read-text)!important;border-radius:9px!important;font-size:14px!important;box-shadow:none!important}
.suite-page .preset-option,.suite-page .upload-mode,.suite-page .upload-zone,.suite-page button,.suite-sidebar nav a{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}.suite-page .preset-option:hover,.suite-page .upload-mode:hover,.suite-page .upload-zone:hover{border-color:var(--read-accent)!important;transform:translateY(-1px);box-shadow:0 3px 10px #00000009!important}.suite-page button:active:not(:disabled){transform:scale(.98)}
.suite-page.studio-page #panel-upload:not([hidden]){padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)!important;gap:20px!important;align-items:start!important}.suite-page.studio-page .source-column,.suite-page.studio-page .release-controls{padding:22px!important;margin:0!important;border:1px solid var(--read-line)!important;border-radius:16px!important;background:var(--read-panel)!important;min-width:0!important}.suite-page.studio-page .source-column:before,.suite-page.studio-page .release-controls:before{display:block;font-size:18px;font-weight:600;margin:0 0 18px;color:var(--read-text)}.suite-page.studio-page .source-column:before{content:'音频文件'}.suite-page.studio-page .release-controls:before{content:'上传设置'}.suite-page.studio-page .dropzone{min-height:198px!important;padding:20px!important}.suite-page.studio-page .dropzone:has(#dropSelected:not([hidden])){min-height:100px!important;height:auto!important}.suite-page.studio-page #dropSelected{padding:0!important;background:transparent!important}.suite-page.studio-page #selectedName{font-size:16px!important;overflow-wrap:anywhere}.suite-page.studio-page .audio-screen{padding:16px!important;min-height:140px!important}.suite-page.studio-page .waveform-control{height:92px!important}.suite-page.studio-page .record-wave{height:92px!important}.suite-page.studio-page .source-bay{border:0!important;box-shadow:none!important;background:transparent!important}.suite-page.studio-page .transport-row{min-height:62px!important;padding:8px!important}.suite-page.studio-page .format-support{border:0!important;margin-top:12px!important;padding:0!important}.suite-page.studio-page .format-support summary{font-size:11px!important;flex-wrap:wrap!important}.suite-page.studio-page .upload-mode{padding:12px!important}.suite-page.studio-page .mode-title strong{font-size:14px!important}.suite-page.studio-page .panel-actions{margin-top:12px!important;padding-top:12px!important}.suite-page.studio-page .inline-task{min-height:48px!important}.suite-page.studio-page .release-controls .field-group{margin-bottom:16px!important}
.suite-page .member-pass{background:var(--read-panel)!important}.suite-page .member-pass:after{opacity:.25}.suite-page .pass-time{font-size:36px!important;color:var(--read-text)!important}.suite-page .member-kicker,.suite-page .pass-label{font-size:12px!important;color:var(--read-muted)!important}.suite-page .member-records{font-size:13px!important}.suite-page #inviteRules{font-size:13px!important;line-height:1.8!important}.suite-page #inviteBudget{font-size:13px!important;font-weight:600}.suite-page .member-layout{gap:20px!important}
@media(max-width:1050px){.suite-page .effect-layout,.suite-page.studio-page #panel-upload:not([hidden]){grid-template-columns:minmax(0,1fr)!important}.suite-page .result-panel{position:static;min-height:0!important}.suite-page .empty-results{min-height:160px!important}.suite-page .preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.workspace-host{padding:112px 0 0!important}.workspace-host .suite-sidebar{width:100%;height:60px;padding:8px 12px!important}.workspace-host .suite-topbar{left:0;top:60px;height:52px!important;min-height:52px!important;padding:0 16px!important}.workspace-host #workspaceEmail{display:none}.workspace-host .suite-topbar>span{font-size:14px!important}.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{padding:16px!important}.suite-page .effect-panel,.suite-page .result-panel,.suite-page .member-panel,.suite-page .card,.suite-page.studio-page .source-column,.suite-page.studio-page .release-controls{padding:18px!important}.suite-page .preset-list{grid-template-columns:1fr}.suite-page .preset-option{min-height:0;flex-direction:row;gap:12px!important}.suite-page .preset-option input{margin-top:4px!important}.suite-page .upload-zone{min-height:132px!important}.suite-page .color-mode-toggle{font-size:12px!important;padding:8px 12px!important;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.suite-page *{transition:none!important;animation:none!important}}

body.suite-page{color-scheme:light}:root[data-color-mode=dark] body.suite-page{color-scheme:dark}
.workspace-embedded .work-grid,.workspace-embedded .main-column{margin:0!important;padding:0!important;min-width:0}
.workspace-view:not([hidden]){animation:workspace-reveal .16s ease-out}
@keyframes workspace-reveal{from{opacity:.6}to{opacity:1}}
/* Compact tools: information rows, native playback, and small task summaries. */
.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{max-width:1040px!important;padding:22px 24px!important}
.suite-page .member-settings{background:var(--read-panel);border:1px solid var(--read-line);border-radius:12px;overflow:hidden}
.suite-page .account-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid var(--read-line)}.suite-page .account-overview #memberEmail{font-size:16px!important;font-weight:600!important;margin:0 0 4px!important}.suite-page #memberNumber{font-size:13px;color:var(--read-muted)}.suite-page .account-overview #memberExpiry{font-size:12px!important;margin:5px 0 0}.suite-page .account-balance{display:grid;text-align:right;gap:4px;white-space:nowrap}.suite-page .account-balance strong{font-size:20px;font-weight:600}.suite-page .account-balance>span{font-size:12px;color:var(--read-muted)}
.suite-page .settings-section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start;padding:20px 24px;border-bottom:1px solid var(--read-line)}.suite-page .settings-section:last-child{border:0}.suite-page .settings-label h2{font-size:14px!important;margin:0 0 4px}.suite-page .settings-label p{font-size:12px!important;margin:0}.suite-page .settings-section form{display:flex;gap:8px;margin:0!important}.suite-page .settings-section input{width:100%;min-width:0;min-height:38px;padding:8px 10px}.suite-page .settings-section button{white-space:nowrap;width:auto!important;min-height:38px!important;padding:7px 14px;border-radius:7px;border:1px solid var(--read-line);background:var(--read-panel);color:var(--read-text);font-size:13px!important;justify-self:start}.suite-page .settings-section .primary{min-height:38px!important}.suite-page .settings-section .invite-copy{gap:8px}.suite-page .settings-section details{font-size:13px}.suite-page .settings-section summary{cursor:pointer;color:var(--read-muted);padding:4px 0}.suite-page .settings-section .member-records{margin-top:10px;max-height:220px}.suite-page .settings-section #inviteBudget{font-size:12px!important;font-weight:400;margin:10px 0}.suite-page .settings-section #inviteRules{font-size:12px!important}.suite-page #accountMessage{font-size:12px!important;margin:0 0 12px!important}
.suite-page.studio-page .source-column,.suite-page.studio-page .release-controls{padding:18px!important;border-radius:12px!important}.suite-page.studio-page .source-column:before,.suite-page.studio-page .release-controls:before{font-size:15px;margin-bottom:14px}.suite-page.studio-page .dropzone:has(#dropSelected:not([hidden])){min-height:84px!important;padding:14px!important;background:transparent!important;border-style:solid!important}.suite-page.studio-page #selectedName{font-size:14px!important;margin:0 90px 5px 0!important}.suite-page.studio-page #selectedMeta{font-size:12px!important;margin:0!important}.suite-page.studio-page .selected-change{font-size:12px!important;min-height:32px!important;padding:5px 9px!important}.suite-page.studio-page #audioPreview{padding:10px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important}.suite-page.studio-page #audioPreview>.audio-screen,.suite-page.studio-page #audioPreview>.transport-row{display:none!important}.suite-page.studio-page #localAudio{display:block!important;width:100%;height:38px;max-width:100%;margin:0}.suite-page.studio-page .format-shortlist{display:none!important}.suite-page.studio-page .format-support summary{justify-content:space-between;padding:4px 0!important;font-size:12px!important}.suite-page.studio-page .format-support-title{font-weight:400!important;font-size:12px!important;color:var(--read-muted)!important}.suite-page.studio-page .format-expand{font-size:12px!important}.suite-page.studio-page .release-controls label,.suite-page.studio-page .release-controls legend{font-size:13px!important}.suite-page.studio-page .release-controls .field{margin-bottom:14px!important}.suite-page.studio-page .upload-mode-options{gap:8px!important}.suite-page.studio-page .upload-mode{padding:10px!important}.suite-page.studio-page .upload-mode>span:last-child{font-size:12px!important}.suite-page.studio-page .inline-task-caption{font-size:11px!important}.suite-page.studio-page .panel-actions .primary{min-height:40px!important;font-size:13px!important}.suite-page.studio-page #panel-upload .panel-actions>span{font-size:11px!important}
.suite-page.batch-page .card{padding:18px!important;border-radius:12px!important}.suite-page.batch-page #links{height:96px!important;min-height:96px!important;padding:12px!important}.suite-page.batch-page .submit{margin-top:14px!important;padding-top:14px!important}.suite-page.batch-page #start{min-height:38px!important;padding:8px 20px!important;font-size:13px!important}.suite-page.batch-page .muted{font-size:12px!important}.suite-page.batch-page #content>section+section{margin-top:20px!important}.suite-page.batch-page #content>section>.row h2{font-size:15px!important}.suite-page.batch-page .compact-job{padding:12px 14px!important;margin:8px 0!important;border:1px solid var(--read-line)!important;border-radius:10px!important;background:var(--read-panel)!important;box-shadow:none!important}.suite-page.batch-page .job-heading{display:flex;gap:16px;justify-content:space-between;align-items:center}.suite-page.batch-page .job-info{min-width:0;display:grid;gap:3px}.suite-page.batch-page .job-info strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.suite-page.batch-page .job-info small{font-size:11px!important}.suite-page.batch-page .compact-job .actions{display:flex;flex-shrink:0;gap:8px;margin:0!important}.suite-page.batch-page .compact-job .actions a,.suite-page.batch-page .compact-job .actions button{min-height:32px!important;padding:5px 10px!important;border:1px solid var(--read-line)!important;border-radius:6px!important;font-size:12px!important;background:var(--read-panel)!important;color:var(--read-text)!important;line-height:20px!important;white-space:nowrap}.suite-page.batch-page .compact-job .actions .download-file{background:var(--read-button)!important;color:var(--read-on)!important;border-color:var(--read-button)!important}.suite-page.batch-page .compact-job progress{height:4px!important;margin:10px 0 0!important;display:block;width:100%}.suite-page.batch-page .compact-job details{margin:8px 0 0;font-size:12px}.suite-page.batch-page .compact-job summary{cursor:pointer;color:var(--read-muted)}.suite-page.batch-page .compact-job ul{margin:6px 0 0!important;padding:0!important}.suite-page.batch-page .compact-job li{padding:8px 0!important;font-size:12px!important}.suite-page.batch-page .compact-job li a{white-space:nowrap;color:var(--read-accent)!important}.suite-page.batch-page .compact-job li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.suite-page .settings-section{grid-template-columns:1fr;gap:12px;padding:16px}.suite-page .account-overview{padding:16px;align-items:flex-start}.suite-page .account-balance strong{font-size:16px}.suite-page .account-overview #memberEmail{overflow-wrap:anywhere;font-size:14px!important}.suite-page.batch-page .job-heading{flex-wrap:wrap;gap:8px}.suite-page.batch-page .job-info{width:100%}.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{padding:16px!important}}

/* Native modal keeps the active tool and keyboard focus in place. */
#workspaceCommunity{box-sizing:border-box;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:26px 24px 20px;border:1px solid var(--read-line);border-radius:20px;background:var(--read-panel);color:var(--read-text);box-shadow:0 24px 80px #0003;text-align:center;overflow:auto}
#workspaceCommunity::backdrop{background:#10121b70;backdrop-filter:blur(5px)}
#workspaceCommunity h2{margin:8px 0;font-size:21px;color:var(--read-text)}
#workspaceCommunity p{font-size:13px;color:var(--read-muted);line-height:1.6;margin:8px 0 16px}
#workspaceCommunity img{display:block;width:200px;max-width:100%;height:auto;margin:16px auto;border-radius:10px;background:white}
#workspaceCommunity .community-close{position:absolute;right:10px;top:8px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--read-sub);color:var(--read-text);font-size:24px;cursor:pointer}
#workspaceCommunity .community-save{display:block;padding:10px;border-radius:10px;background:var(--read-button);color:white;text-decoration:none;font-weight:600;font-size:14px}
#workspaceCommunity .community-help{font-size:12px;margin:10px 0 18px}
#workspaceCommunity .community-admin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--read-line);text-align:left;font-size:12px;color:var(--read-muted);line-height:1.7}
#workspaceCommunity strong{color:var(--read-text);font-size:14px;user-select:all}
#copyCommunityAdmin{border:1px solid var(--read-line);border-radius:8px;background:var(--read-panel);color:var(--read-text);padding:8px;white-space:nowrap;cursor:pointer}
#communityCopyStatus{display:block;font-size:12px;color:var(--read-muted);margin-top:8px}

.suite-page.batch-page #refreshLibrary,.suite-page.batch-page #more{background:var(--read-button)!important;color:#fff!important;border:1px solid var(--read-button)!important;border-radius:9px!important;padding:9px 16px!important;font-size:14px!important;font-weight:600;min-height:38px}
.suite-page.batch-page #refreshLibrary:hover:not(:disabled),.suite-page.batch-page #more:hover:not(:disabled){filter:brightness(1.1)}
.suite-page.batch-page #refreshLibrary:disabled,.suite-page.batch-page #more:disabled{background:var(--read-sub)!important;color:var(--read-muted)!important;border-color:var(--read-line)!important;opacity:1!important;cursor:wait}

#workspaceAccessLock{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:var(--read-bg)}
#workspaceAccessLock[hidden]{display:none!important}#workspaceAccessLock>div{text-align:center;max-width:360px}#workspaceAccessLock h2{color:var(--read-text);font-size:22px}#workspaceAccessLock p{color:var(--read-muted);font-size:14px}#workspaceAccessLock a{display:inline-block;margin-top:12px;padding:10px 18px;border-radius:10px;background:var(--read-button);color:white;text-decoration:none}

.workspace-host #workspaceViews{position:relative}