.creation-account-dock{position:fixed;right:18px;top:12px;z-index:110;display:flex;align-items:center;gap:7px;color:#ddd;isolation:isolate;transition:right .22s ease}body.view-canvas .creation-account-dock{right:calc(var(--canvas-chat-width,0px) + 18px)}body.view-home .creation-account-dock{top:52px}body.creation-editor-open.view-canvas .creation-account-dock{display:none}
.creation-home-logo{position:fixed;top:14px;left:18px;z-index:100;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer}.creation-home-logo img{width:32px;height:32px;object-fit:contain}body.view-home .creation-home-logo,body.view-canvas .creation-home-logo{display:none}
.project-kind-tabs{display:flex;gap:4px;background:#202023;border:1px solid #ffffff0b;border-radius:12px;padding:4px;width:max-content;margin:0 0 22px}.project-kind-tabs button{padding:9px 30px;border:0;border-radius:9px;background:none;color:#8f8f96;font-size:13px;cursor:pointer}.project-kind-tabs button[aria-selected=true]{background:#353438;color:#eee;box-shadow:inset 0 1px #ffffff0a}
body:not(.view-canvas){--rail:60px}body:not(.view-canvas) #layout>.rail{display:flex!important;width:var(--rail)!important}body:not(.view-canvas) #layout.layout{grid-template-columns:var(--rail) minmax(0,1fr)!important}body:not(.view-canvas) #layout>.main{grid-column:2;min-width:0}body:not(.view-canvas) #canvasProjectPanel{display:none!important}body:not(.view-canvas) .creation-home-logo{display:none}
body.view-chat #projectConversationHeader{padding-left:68px}body.view-projects #viewProjects>header{padding-right:190px;min-height:40px;margin-bottom:22px}body.view-social #viewSocial,body.view-assets #viewAssets{padding-top:0}body.view-projects #viewProjects{padding-top:12px}
body.view-projects #projectSearch{height:40px;box-sizing:border-box}
body.view-social #viewSocial .app-header{min-height:64px;box-sizing:border-box;padding-top:12px;padding-bottom:12px;padding-right:210px;align-items:center}body.view-assets #viewAssets .page-pad{padding-top:12px}body.view-assets .assets-head{padding-right:190px;box-sizing:border-box;align-items:flex-start}body.view-assets .assets-head h2{line-height:40px}body.view-assets .assets-head-actions{min-height:40px}
@media(max-width:700px){body.view-projects #viewProjects,body.view-assets #viewAssets .page-pad{padding-top:60px}body.view-social #viewSocial .app-header{padding-top:60px;padding-right:16px}body.view-projects #viewProjects>header,body.view-assets .assets-head{padding-right:0}}
.creation-canvas-tools{display:none;align-items:center;gap:2px;padding:4px;border:1px solid #ffffff12;border-radius:10px;background:#222225d9;backdrop-filter:blur(18px)}body.view-canvas .creation-canvas-tools{display:flex}.creation-canvas-tools button{width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#d4d4db;cursor:pointer}.creation-canvas-tools button:hover{background:#ffffff0c}
.creation-account-dock .rail-flyout{overflow:visible!important}.creation-account-dock .rail-flyout:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:14px}.creation-account-dock .rail-flyout-sub{right:calc(100% + 6px);left:auto;bottom:auto;top:0;max-height:calc(100dvh - 180px);overflow:auto}.creation-account-dock .rail-flyout-row:focus-within .rail-flyout-sub{visibility:visible;opacity:1;pointer-events:auto;transform:none}.creation-account-dock .rail-flyout-row:has(.rail-flyout-sub):before{content:'';position:absolute;right:100%;top:0;width:12px;height:100%}
@media(max-width:650px){.creation-account-dock .rail-flyout-sub{right:0;left:auto;top:100%;max-width:calc(100vw - 40px);z-index:2}body.view-projects #viewProjects>header{padding-right:0}}
body.view-canvas #layout>.rail{display:none!important}
body.view-canvas:not(.workflow-projects-open) #layout.layout.show-sessions.sessions-collapsed,body.view-canvas:not(.workflow-projects-open) #layout.layout.show-sessions:not(.sessions-collapsed),body.view-canvas:not(.workflow-projects-open) #layout.layout{grid-template-columns:0 0 minmax(0,1fr)!important}
body.view-canvas #layout #canvasProjectPanel{grid-column:2}
body.view-canvas{--rail:0px}
body.view-canvas #layout>.main{grid-column:3;min-width:0}
body.view-canvas.workflow-projects-open #layout.layout.show-sessions.sessions-collapsed,body.view-canvas.workflow-projects-open #layout.layout.show-sessions,body.view-canvas.workflow-projects-open #layout.layout{grid-template-columns:0 var(--session) minmax(0,1fr)!important}
.creation-account-dock .rail-bottom{flex-direction:row;gap:8px;background:#222225d9;border:1px solid #ffffff12;border-radius:12px;padding:4px 6px;backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff05}
.creation-account-dock .rail-points{width:auto;min-width:108px;height:30px;min-height:30px;display:flex;flex-direction:row;align-items:center;gap:6px;padding:3px 7px;border-radius:8px;background:transparent;border:0}
.creation-account-dock .rail-points strong{font-size:12px;line-height:1;font-weight:550;font-variant-numeric:tabular-nums}.creation-account-dock .rail-points small{font-size:11px;margin:0;white-space:nowrap}.creation-account-dock .rail-points-gem{width:16px;height:16px;margin:0}.creation-account-dock .rail-avatar{width:28px;height:28px;border:1px solid #ffffff25}.creation-account-dock .rail-menu-btn{display:none}.creation-account-dock .rail-account{display:flex;align-items:center;gap:0}
.creation-account-dock .rail-flyout{left:auto;right:0;top:calc(100% + 10px);bottom:auto;transform:translateY(-3px);max-height:calc(100dvh - 115px);overflow:auto}.creation-account-dock .rail-flyout-sub{left:auto;right:100%}.creation-account-dock .rail-account:hover .rail-flyout,.creation-account-dock .rail-account:focus-within .rail-flyout,.creation-account-dock .rail-account.rail-account-open .rail-flyout{transform:none}
.creation-watermark-button{height:40px;width:40px;display:grid;place-items:center;color:#aaa;background:#222225dc;border:1px solid #ffffff12;border-radius:12px;backdrop-filter:blur(18px);cursor:pointer}.creation-watermark-button:hover,.creation-watermark-button[aria-expanded=true]{color:#e0d4f5;background:#303035}
.creation-watermark-pop{position:absolute;right:0;top:50px;width:300px;padding:18px;border-radius:16px;border:1px solid #ffffff16;background:#242427f5;box-shadow:0 16px 50px #0005;backdrop-filter:blur(22px)}.creation-watermark-pop[hidden]{display:none}.creation-watermark-pop header{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:18px}.creation-watermark-pop header button{background:none;color:#aaa;border:0;font-size:20px;cursor:pointer}.creation-watermark-pop label{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px}.creation-watermark-pop input{position:absolute;right:0;opacity:0;width:36px;height:22px;cursor:pointer}.creation-watermark-pop label i{width:36px;height:22px;background:#505055;border-radius:20px;padding:3px;pointer-events:none}.creation-watermark-pop label i:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.creation-watermark-pop input:checked+i{background:linear-gradient(110deg,#efce8b,#ecb9ce,#c2b5f5,#99d5df)}.creation-watermark-pop input:checked+i:before{transform:translateX(14px);background:#2e2937}.creation-watermark-pop input:focus-visible+i{outline:2px solid #c2b5f5;outline-offset:3px}.creation-watermark-pop p{font-size:11px;line-height:1.65;color:#98969f;margin:13px 0 0}
#composerGlass{position:relative}#composerHome{padding-left:78px!important}.home-creation-switch{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:7px;width:44px;padding:5px;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(140deg,#ffffff16,#ffffff07);box-shadow:inset 0 1px #ffffff25,0 4px 18px #0001;backdrop-filter:blur(16px);transition:width .28s cubic-bezier(.2,.8,.2,1),background .28s;overflow:hidden}.home-creation-switch:hover,.home-creation-switch:focus-within{width:112px;background:linear-gradient(125deg,#b4cfdb44,#cbb5d633)}.home-creation-switch button{display:flex;align-items:center;gap:11px;border:0;border-radius:18px;padding:9px;width:100%;height:36px;color:#cdd1da;background:transparent;text-align:left;cursor:pointer;white-space:nowrap}.home-creation-switch svg{width:16px;height:16px;flex:none}.home-creation-switch span{font-size:12px;opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .25s}.home-creation-switch:hover span,.home-creation-switch:focus-within span{opacity:1;transform:none}.home-creation-switch button[aria-pressed=true]{background:linear-gradient(115deg,#efce8b55,#ecb9ce44,#c2b5f566,#99d5df55);color:#fff;box-shadow:inset 0 1px #ffffff35}.home-creation-switch button:hover{color:#fff;background-color:#ffffff12}
@media(max-width:700px){.creation-account-dock{right:10px;gap:4px}.creation-account-dock .rail-points{min-width:72px}.creation-account-dock .rail-points small{display:none}.creation-watermark-button{width:34px;height:36px}#composerHome{padding-left:63px!important}.home-creation-switch{left:9px;width:42px}.creation-watermark-pop{width:280px}.creation-account-dock .rail-flyout{width:260px}}
@media(prefers-reduced-motion:reduce){.home-creation-switch,.home-creation-switch *,.creation-watermark-pop *{transition:none!important}}
.creation-icon-tooltip{position:fixed;z-index:2147483646;pointer-events:none;padding:7px 10px;border:1px solid #ffffff20;border-radius:8px;background:#29292e;color:#eee;font-size:12px;box-shadow:0 4px 16px #0005;white-space:nowrap}.creation-icon-tooltip[hidden]{display:none}
body.view-canvas:has(#tapnowFrame[src="about:blank"]) .creation-home-logo{display:grid}body.view-canvas:has(#tapnowFrame[src="about:blank"]) .creation-canvas-tools{display:none}body.view-canvas #canvasStage:has(#tapnowFrame[src="about:blank"])::after{content:'正在打开画布…';position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);color:#aaa;font-size:13px;pointer-events:none;z-index:10}
body:not(.view-canvas) .rail-item:not(.rail-item-home){width:46px;min-height:43px;flex-direction:column;align-items:center;justify-content:center;padding:7px 2px 5px;gap:2px;font-size:11px;letter-spacing:.06em}body:not(.view-canvas) .rail-item>span:not(.ri){white-space:nowrap;word-break:keep-all}body:not(.view-canvas) .rail-item .ri{flex:none}body:not(.view-canvas) .rail-item.on:not(.rail-item-home){background:#ffffff09;color:#eee}body.view-chat #projectConversationHeader{padding-left:16px}.home-canvas-status{position:absolute;left:90px;bottom:60px;color:#e3d8f0;font-size:12px;max-width:80%}
body.ai-wm-on .lb-stage:not(:has(.lb-wcard))::after,body.ai-wm-on .lb-wcard[data-slot="0"]::after{content:'AI 生成';display:block;position:absolute;right:14px;bottom:14px;z-index:6;padding:5px 12px;border-radius:999px;color:#ffffffc7;background:#0006;border:1px solid #ffffff29;font-size:12px;pointer-events:none}body.ai-wm-on.wm-on .lb-stage::after,body.ai-wm-on.wm-on .lb-wcard[data-slot="0"]::after{content:'CHUYAN · AI 生成'}
body:not(.view-canvas) .rail-item:not(.rail-item-home){color:#b5b5bd}body:not(.view-canvas) .rail-item .ri svg{width:20px;height:20px}