:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f5f5f7;background:#0b0c0f;font-synthesis:none;text-rendering:optimizeLegibility;--background: #0b0c0f;--surface: #191b20;--surface-2: #22242a;--border: rgba(255,255,255,.1);--text: #f5f5f7;--muted: #a6a8b1;--accent: #8b5cf6;--success: #57d6a0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(139,92,246,.82);outline-offset:2px}.boot-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.1),transparent 32%),#0b0c0f}.boot-card{width:min(420px,100%);padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#17191e;text-align:center;box-shadow:0 30px 100px #0006}.boot-brand{font-size:21px;letter-spacing:.06em;font-weight:760}.boot-brand span{color:#aeb0b8;font-weight:430}.boot-card h1{margin:26px 0 8px;font-size:22px}.boot-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.boot-card button{width:100%;margin-top:22px;padding:11px 16px;border:0;border-radius:9px;background:var(--accent);color:#fff;cursor:pointer}.boot-card small{display:block;margin-top:14px;color:#74767f;line-height:1.6}.boot-spinner{width:28px;height:28px;margin:24px auto 0;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:studio-spin .8s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-notice{position:fixed;z-index:200;left:50%;bottom:26px;max-width:min(520px,calc(100vw - 32px));padding:11px 16px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#25272d;color:#f3f3f5;box-shadow:0 16px 50px #0006;transform:translate(-50%);cursor:pointer}.workspace-route-state{min-height:100dvh;display:grid;place-items:center;background:#101014;color:#e8e6ef;padding:24px;box-sizing:border-box}.workspace-route-state section{max-width:520px;text-align:center}.workspace-loading-indicator{display:grid;place-items:center;width:48px;height:48px;color:#b899f4}.workspace-loading-spinner{animation:workspace-loading-spin .9s linear infinite}@keyframes workspace-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.workspace-loading-spinner{animation:none}}.workspace-shell-header{position:absolute;inset:16px 22px auto;display:flex;align-items:center;gap:20px;color:#96929e;font-size:13px}.workspace-shell-header a{display:flex;gap:8px;align-items:center;color:#e4dfee;text-decoration:none;white-space:nowrap}.workspace-shell-header img{width:24px;height:24px;object-fit:contain}.workspace-shell-header aside{margin-left:auto;display:flex;align-items:center;gap:8px}.workspace-shell-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:5px;border:1px solid #ffffff12;border-radius:12px;background:#202024}.workspace-route-state .workspace-shell-dock button{display:grid;place-items:center;padding:10px;margin:0;background:transparent;border:0;opacity:.5;cursor:wait}@media(max-width:600px){.workspace-shell-header>span{display:none}.workspace-shell-header aside{font-size:12px}.workspace-shell-header a span{display:none}}.workspace-route-state h1{font-size:22px;font-weight:500}.workspace-route-state p{color:#aaa5b9;line-height:1.7}.workspace-route-state button,.workspace-route-transition button{border:1px solid #5a4e70;border-radius:8px;padding:10px 16px;margin:6px;background:#292332;color:#ece4ff;cursor:pointer}.workspace-route-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;background:#111018e8;color:#ece4ff;padding:24px}.studio-select[data-studio-select]{display:inline-flex;position:relative;vertical-align:middle;min-width:0;max-width:100%;color:#dfdce6;font:inherit}.studio-select[data-studio-select]>.studio-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:36px;margin:0;padding:8px 10px;border:1px solid #3c3943;border-radius:8px;background:#19191e;color:#dfdce6;font:inherit;font-size:14px;font-weight:400;line-height:1.35;text-align:left;cursor:pointer;box-sizing:border-box;box-shadow:none}.studio-select[data-studio-select]>.studio-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-select[data-studio-select]>.studio-select-trigger>svg{flex:0 0 14px;width:14px;height:14px;color:#a9a1b5}.studio-select[data-studio-select]>.studio-select-trigger:hover:not(:disabled){border-color:#756285;background:#25212b}.studio-select[data-studio-select]>.studio-select-trigger[aria-expanded=true]{border-color:#9a76bc;background:#282130}.studio-select[data-studio-select]>.studio-select-trigger:focus-visible{outline:2px solid #bca1dd;outline-offset:2px}.studio-select[data-studio-select]>.studio-select-trigger:disabled{opacity:.48;cursor:not-allowed}.studio-select-menu[data-studio-select-popup]{position:fixed;inset:auto;margin:0;padding:5px;min-width:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#57505f transparent;border:1px solid #45404d;border-radius:10px;background:#222126;color:#e9e5ef;box-shadow:0 10px 30px #0008;font:400 14px/1.4 Inter,PingFang SC,Microsoft YaHei,sans-serif;white-space:normal}.studio-select-menu[data-studio-select-popup]::backdrop{background:transparent}.studio-select-menu[data-studio-select-popup]>button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:34px;height:auto;margin:0;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none}.studio-select-menu[data-studio-select-popup]>button>span{min-width:0;overflow-wrap:anywhere}.studio-select-menu[data-studio-select-popup]>button>svg{flex:0 0 15px;width:15px;height:15px}.studio-select-menu[data-studio-select-popup]>button:hover:not(:disabled),.studio-select-menu[data-studio-select-popup]>button:focus-visible{background:#332d3b;color:#e4caff;outline:none}.studio-select-menu[data-studio-select-popup]>button[aria-selected=true]{background:#3a2d48;color:#d9b5fc}.studio-select-menu[data-studio-select-popup]>button[data-active]:not([aria-selected=true]){background:#332d3b;color:#e4caff}.studio-select-menu[data-studio-select-popup]>button:disabled{opacity:.45;cursor:not-allowed}.studio-more-categories .studio-select[data-studio-select]{min-width:80px;max-width:160px}.studio-more-categories .studio-select[data-studio-select]>.studio-select-trigger{min-height:34px;padding:6px 9px;border-color:transparent;background:#141418;color:#aaa3b7;font-size:13px}.project-browser__tools>.studio-select[data-studio-select]{min-width:128px}label>.studio-select[data-studio-select],.publish-project-fields .studio-select[data-studio-select]{width:100%}.language-switcher .studio-select[data-studio-select]{width:auto}@media(max-width:640px),(pointer:coarse){.studio-select[data-studio-select]>.studio-select-trigger,.studio-more-categories .studio-select[data-studio-select]>.studio-select-trigger,.studio-select-menu[data-studio-select-popup]>button{min-height:44px}}.language-switcher{position:relative;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:inherit;max-width:170px;font-size:12px}.language-switcher select{font:inherit;color:inherit;background:var(--panel,#222226);border:1px solid #ffffff22;border-radius:8px;padding:6px 5px;max-width:145px;min-height:32px;cursor:pointer}.language-switcher select:focus-visible{outline:2px solid #aa8cdb;outline-offset:2px}.language-switcher select:disabled{cursor:progress;opacity:.65}.language-switcher option{color:#eee;background:#222226}.language-switcher-error{position:absolute;top:100%;right:0;z-index:30;min-width:210px;padding:8px;background:#392c36;color:#ffe2e2;border-radius:6px}.language-switcher.is-compact{max-width:138px}.language-switcher.is-compact select{max-width:116px}.auth-language-row{display:flex;justify-content:flex-end;flex:0 0 auto;margin-bottom:10px}html:not([lang^=zh]) .home-header nav button,html:not([lang^=zh]) .header-actions>button{white-space:normal;line-height:1.25;min-width:0}html:not([lang^=zh]) .header-actions{gap:8px}html:not([lang^=zh]) .personal-records-nav a{height:auto;min-height:38px;white-space:normal;text-align:center}@media(max-width:760px){.language-switcher>svg{display:none}.language-switcher select{max-width:112px;font-size:11px}.home-header-inner{flex-wrap:wrap}.home-header .header-actions{flex-wrap:wrap;justify-content:flex-end}.personal-credit-topbar{flex-wrap:wrap;gap:10px}}@media(max-width:600px){.personal-credit-topbar{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px}.personal-records-page .personal-records-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible}.personal-records-page .personal-records-nav a{min-width:0;overflow-wrap:anywhere;align-content:center}}@media(max-width:600px){.studio-home .home-header-inner{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"brand actions" "nav nav";gap:0 10px}.studio-home .studio-brand{grid-area:brand;overflow:visible}.studio-home .studio-brand span{display:none}.studio-home .header-actions{grid-area:actions;max-width:100%;min-width:0}.studio-home .home-header nav{grid-area:nav}.studio-home .language-switcher,.studio-home .language-switcher select{max-width:105px}}html[lang] :is(.workspace-dialog,.project-operation,.studio-home,.canvas-workspace) button>svg{flex-shrink:0}html[lang] :is(.workspace-dialog footer,.project-operation footer,.project-browser__tools){flex-wrap:wrap}html[lang] :is(.workspace-dialog footer,.project-operation footer,.project-browser__tools)>button{min-width:0;max-width:100%;height:auto;min-height:38px;padding-block:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}html[lang] .studio-shortcuts__grid>button{min-width:0}html[lang] .studio-shortcuts__grid>button>span:last-child{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}html[lang] .canvas-starter__heading>span:first-child{min-width:0;overflow-wrap:anywhere}html[lang] .canvas-starter__copy>small{overflow-wrap:anywhere}html:not([lang=zh-CN]) .rich-text-node__empty-actions button{height:auto;min-height:36px;padding-block:5px}html:not([lang=zh-CN]) .rich-text-node__empty-actions button span{white-space:normal;overflow-wrap:anywhere;line-height:1.35}html:not([lang=zh-CN]) .video-node-body--empty>button{width:auto;max-width:calc(100% - 32px);height:auto;min-height:42px;padding-block:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}html[lang] :is(.canvas-select-option__compact-label,.canvas-select-trigger>span){min-width:0;overflow-wrap:anywhere}html:not([lang=zh-CN]) :is(.video-parameters__menu,.audio-experience__parameters-menu,.text-script-composer__parameters) button{height:auto;min-height:36px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding-block:6px}html:not([lang=zh-CN]) :is(.video-composer__tools,.image-composer__tools,.audio-experience__tools){flex-wrap:wrap}html[lang] .generation-quote-feedback>span{min-width:0;overflow-wrap:anywhere}html[lang] .generation-quote-feedback>button:not(.generation-quote-feedback__close){height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.35}html[lang] .studio-select[data-studio-select]>.studio-select-trigger>span{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}@media(max-width:640px),(pointer:coarse){html[lang] :is(.workspace-dialog footer,.project-operation footer,.project-browser__tools)>button{min-height:44px}}html[lang] :is(.wb-app,.wb-dialog,.mw-dialog,.portrait-panel,.creator-award) button>svg{flex-shrink:0}html:not([lang=zh-CN]) :is(.wb-app,.wb-dialog,.mw-dialog,.portrait-panel) button:not(:where(.wb-canvas-container *,.wb-shared-surface *)){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}html[lang] :is(.wb-script-actions>div,.wb-script-table-toolbar,.wb-header-actions,.mw-pane-heading,.portrait-toolbar,.portrait-reviews article>header){flex-wrap:wrap}html:not([lang=zh-CN]) .wb-script-tabs>button{white-space:normal;min-width:88px}html[lang] :is(.wb-script-panel h2,.mw-pane-heading,.wb-live-action,.portrait-panel,.creator-award){overflow-wrap:anywhere}html:not([lang=zh-CN]) .wb-app .wb-stage-dock>.wb-stage-dock__button{width:auto;min-width:84px;max-width:150px;height:auto}html:not([lang=zh-CN]) .wb-stage-dock__button>span{white-space:normal;overflow-wrap:anywhere}html[lang] .wb-statusbar--workbench{height:auto}html:not([lang=zh-CN]) .wb-script-file .wb-script-episode-name{white-space:normal;flex-wrap:wrap}html[lang] :is(.mw-field,.wb-field,.portrait-panel label){min-width:0}html[lang] :is(.mw-reference-modes,.mw-parameter-tabs,.creator-award__benefits){flex-wrap:wrap}html[lang] .creator-award__accept{height:auto;min-height:48px;white-space:normal}html[lang] .creator-award__title{overflow-wrap:anywhere}html[lang] .wb-app button.mw-prompt-expand{width:32px;min-width:32px;height:32px;min-height:32px}html[lang] .mw-prompt-expand:after{top:0;right:0;bottom:0;left:0}@media(max-width:760px){html[lang] .wb-app button.mw-prompt-expand{width:44px;min-width:44px;height:44px;min-height:44px}html:not([lang=zh-CN]) .wb-app .wb-stage-dock>.wb-stage-dock__button{min-width:0;max-width:none}html[lang] .wb-stage-dock{min-height:68px}html[lang] .wb-script-table-toolbar>div{display:flex;flex-wrap:wrap}}
