body.canvas-mode{overflow:hidden}body.canvas-mode>aside,body.canvas-mode>main{display:none!important}#freeCanvas{position:fixed;inset:0;z-index:35;background:#020202;color:#ddd;overflow:hidden}#freeCanvas[hidden]{display:none}#freeCanvasStage{position:absolute;inset:0;background-color:#020202;background-image:radial-gradient(#4d4d4d .65px,transparent .65px);background-size:32px 32px;outline:none;touch-action:none;overflow:hidden;cursor:default}#freeCanvasStage.hand-mode{cursor:grab}#freeCanvasWorld{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}#freeCanvasWorld>*{pointer-events:auto}#freeCanvasEmpty{position:absolute;top:40%;left:50%;transform:translateX(-50%);width:min(1150px,calc(100% - 110px));text-align:center}#freeCanvasEmpty[hidden]{display:none}.canvas-empty-hint{display:flex;gap:9px;align-items:center;justify-content:center;color:#909090;font-size:14px;margin-bottom:31px;white-space:nowrap;pointer-events:none}.canvas-empty-hint>span{color:#ceff56;background:#222;padding:8px 11px;border-radius:25px;font-weight:600}.canvas-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.canvas-quick-actions>button{display:flex;align-items:center;gap:13px;text-align:left;background:linear-gradient(#202020,#171717);border:1px solid #303030;border-radius:18px;height:65px;padding:8px;color:#ccc;font-size:16px;font-weight:700;white-space:nowrap}.canvas-quick-actions>button i{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #4b4b4b;background:linear-gradient(#454545,#282828);border-radius:11px;font-size:24px;font-style:normal;color:#999}.canvas-quick-actions .quick-image{background:#074362;border-color:#145773;color:#b8d9e9}.quick-image i{background:#0a4b66!important;border-color:#28647e!important;color:#83b2c9!important}.canvas-quick-actions .quick-video{background:#111766;border-color:#282c84;color:#c1c3fa}.quick-video i{background:#161e72!important;border-color:#313790!important;color:#7d88ed!important}.canvas-quick-actions .quick-asset{background:#3d3201;border-color:#4d4211;color:#d4c994}.quick-asset i{background:#423707!important;border-color:#65581c!important;color:#a79858!important}.canvas-quick-actions .quick-director{background:#500d3b;border-color:#6a1a50;color:#d3a2c4}.quick-director i{background:#621047!important;border-color:#7b245e!important;color:#af508f!important}.canvas-quick-actions>button:hover{filter:brightness(1.2)}.canvas-project-pill{position:absolute;top:10px;left:14px;display:flex;align-items:center;height:52px;max-width:calc(100vw - 210px);width:400px;background:#111e;border:1px solid #393939;border-radius:30px;padding:0 14px 0 0;z-index:2}.canvas-project-pill #canvasHome{display:flex;align-items:center;gap:10px;height:100%;padding:0 22px;border-right:1px solid #262626;border-radius:30px 0 0 30px}.canvas-project-pill #canvasHome b{font-size:22px;letter-spacing:-2px;color:#ff1cb1;font-weight:1000}.canvas-project-pill #canvasHome span{color:#777;font-size:12px}.canvas-project-pill #canvasProjectName{min-width:0;width:100%;border:0;background:transparent;padding:8px 16px;font-size:18px;font-weight:700}.canvas-project-pill>button:not(#canvasHome){padding:6px 9px;font-size:20px}.canvas-account-tools{position:absolute;right:15px;top:10px;display:flex;align-items:center;gap:8px;z-index:2;font-size:12px}.canvas-account-tools>button,.canvas-account-tools>div{background:#171717;border-radius:22px;height:32px;display:flex;align-items:center}.canvas-account-tools>button{font-size:12px;font-weight:600;padding:0 12px}.canvas-account-tools>div{gap:3px;padding:0 3px 0 10px}.canvas-account-tools #canvasCredits{display:flex;align-items:center;gap:5px;padding:0;font-size:12px}.canvas-account-tools #canvasCredits svg{width:14px;height:14px}.canvas-account-tools #canvasAccount{display:flex;align-items:center;padding:0}.canvas-account-tools #canvasAccount svg{width:23px;height:23px}#canvasComposerSlot>.composer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 90px));max-height:40dvh;overflow:auto;z-index:2;background:#111;border-radius:24px;border:1px solid #424242;padding:12px 12px 10px;box-shadow:none}#canvasComposerSlot .composer textarea#prompt{height:108px;min-height:70px;padding:3px 0 16px;font-size:14px;resize:vertical}#canvasComposerSlot .composer .attachments{display:none}#canvasComposerSlot .composer .attachments:has(.attachment){display:flex;min-height:45px;margin-bottom:10px}#canvasComposerSlot .composer .attachments>#attach{display:none}#canvasComposerSlot .composer .composer-bottom{gap:12px}#canvasComposerSlot .composer .composer-bottom .tools{flex:1;gap:18px}#canvasComposerSlot .composer .composer-bottom .tools button{font-size:12px;height:24px}#canvasComposerSlot .composer .composer-bottom .tools .composer-tool-icon{width:15px;height:15px;flex-basis:15px}#canvasComposerSlot .composer .composer-bottom .submit{width:32px;height:32px;flex-basis:32px}.canvas-composer-add{display:none}#canvasComposerSlot .canvas-composer-add{display:block;flex:0 0 29px;width:29px;height:24px;padding:0 12px 0 0;border-right:1px solid #333;border-radius:0;font-size:23px;color:#bbb}.canvas-side-tools{position:absolute;right:15px;top:44%;border:1px solid #292929;background:#111d;border-radius:26px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.canvas-side-tools>button{display:grid;place-items:center;width:30px;height:30px;padding:0;font-size:18px;border-radius:50%}.canvas-side-tools .canvas-pink-add{background:#ee19a7;color:white;font-size:25px;width:26px;height:26px}.canvas-side-tools #canvasPanMode{height:40px;border:1px solid #303030;background:#222;margin-top:3px;color:#aaa}.canvas-side-tools #canvasPanMode[aria-pressed=true]{color:#d1ff55;border-color:#698031}.canvas-view-tools{position:absolute;bottom:10px;right:15px;display:flex;align-items:center;gap:8px;z-index:3}.canvas-view-tools>button{border:1px solid #303030;background:#111c;border-radius:50%;padding:0;width:32px;height:32px;color:#aaa}.canvas-zoom-tools{display:flex;align-items:center;height:32px;background:#111c;border:1px solid #303030;border-radius:20px}.canvas-zoom-tools button{padding:3px 8px;color:#aaa;font-size:16px}.canvas-zoom-tools #canvasZoomPercent{font-size:11px;min-width:41px;padding:5px 0}.free-canvas-node{position:absolute;background:#171717;border:1px solid var(--node-color);border-radius:14px;box-shadow:0 12px 25px #0005;overflow:hidden}.free-canvas-node.selected{outline:2px solid #d1ff55;outline-offset:3px}.canvas-node-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:37px;background:var(--node-color);padding:4px 6px 4px 12px;border-radius:13px 13px 0 0;cursor:grab;font-size:12px;user-select:none;touch-action:none}.canvas-node-handle>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-node-handle small{opacity:.5;font-size:10px;margin-left:4px}.canvas-node-handle>button{padding:2px 6px;font-size:19px;color:#bbb;border-radius:5px}.canvas-node-body>img{display:block;width:100%;height:185px;object-fit:contain;background:#0b0b0b}.canvas-node-body>video{display:block;width:100%;max-height:220px;background:#000}.canvas-node-body>audio{display:block;width:calc(100% - 20px);height:35px;margin:20px 10px}.canvas-node-body>textarea{display:block;width:100%;min-height:75px;height:85px;resize:vertical;background:transparent;border:0;border-radius:0;font-size:12px;line-height:1.7;padding:12px;color:#ddd}.kind-text .canvas-node-body>textarea{min-height:150px;height:170px}.canvas-node-status{color:#8c8c8c;font-size:10px;padding:0 12px 12px;margin:0;line-height:1.6}.canvas-frame-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;font-size:34px;background:#111;color:#555}.canvas-frame-placeholder>small{font-size:11px;margin-top:15px}.director-stage{position:relative;overflow:hidden;perspective:400px;height:175px;background:linear-gradient(#14212b,#142a2b)}.director-floor{position:absolute;width:220px;height:150px;left:50%;top:65%;background:repeating-linear-gradient(0deg,transparent 0 23px,#4a667540 24px 25px),repeating-linear-gradient(90deg,transparent 0 23px,#4a667540 24px 25px);border:1px solid #557482;transform:translate(-50%,-50%) rotateX(55deg)}.director-actor{position:absolute;left:37%;top:40%;color:#d1ff55;font-size:40px;text-shadow:0 12px 0 #748431}.director-actor.actor-b{left:62%;top:49%;color:#f76cc1;text-shadow:0 12px 0 #7c365f}.director-camera{position:absolute;bottom:13px;left:30%;color:white;font-size:26px}.director-stage.angle-side .actor-a{left:27%}.director-stage.angle-side .actor-b{left:65%;top:32%}.director-stage.angle-top .director-floor{transform:translate(-50%,-50%) rotateX(0)}.director-stage.angle-top .director-actor{font-size:25px;text-shadow:none}.director-angle-label{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px}.director-angle-label select{padding:5px;font-size:10px}.canvas-setting-check{display:flex;align-items:center;gap:10px;margin-bottom:20px}#modal .canvas-setting-check input{width:auto;margin:0}#canvasMinimap{position:absolute;bottom:55px;right:15px;width:190px;height:130px;padding:8px;border:1px solid #393939;border-radius:14px;background:#131313e8;z-index:3;display:grid;place-items:center}#canvasMinimap[hidden]{display:none}#canvasMinimap>button{width:100%;height:100%;padding:0}#canvasMinimap svg{width:100%;height:100%}#canvasMinimap small{font-size:11px;color:#888}.drag-over:after{content:'放開以加入畫布';position:absolute;inset:12px;border:2px dashed #d1ff55;border-radius:20px;display:grid;place-items:center;background:#16200bc9;color:#d1ff55;font-size:23px;pointer-events:none;z-index:5}
#canvasContextMenu,#canvasMoreMenu{position:fixed;inset:auto;margin:0;padding:9px;background:#101010;color:#eee;border:1px solid #292929;border-radius:18px;box-shadow:0 18px 45px #0008;overflow:visible;min-width:220px;text-align:left}#canvasContextMenu>button,#canvasContextSubmenu>button,#canvasMoreMenu>button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 7px;font-size:12px;font-weight:600;text-align:left;border-radius:8px;white-space:nowrap}#canvasContextMenu button>span{font-size:17px;width:14px;display:grid;place-items:center;font-weight:400}#canvasContextMenu button>i{margin-left:auto;font-size:20px;font-style:normal;color:#999;font-weight:400}#canvasContextMenu button>kbd{margin-left:auto;font-family:inherit;color:#6d6d6d;font-size:11px;font-weight:400}#canvasContextMenu button:disabled{color:#555;cursor:default;background:transparent}#canvasContextMenu hr{margin:4px 5px;border:0;border-top:1px solid #242424}#canvasContextSubmenu{position:absolute;left:calc(100% + 4px);top:8px;width:180px;padding:8px;border:1px solid #333;border-radius:14px;background:#131313;box-shadow:0 10px 35px #0009}#canvasContextSubmenu[hidden]{display:none}#canvasContextMenu.flip-submenu #canvasContextSubmenu{left:auto;right:calc(100% + 4px)}#canvasMoreMenu{left:245px;top:68px;min-width:170px}body.canvas-mode #memberMenu{top:52px;right:15px}
@media(max-width:1100px){.canvas-quick-actions>button{font-size:13px;gap:9px}.canvas-quick-actions>button i{flex-basis:37px;height:40px;font-size:21px}.canvas-empty-hint{font-size:12px}#freeCanvasEmpty{width:calc(100% - 110px)}.canvas-view-tools{bottom:195px}}@media(max-width:750px){.canvas-project-pill{width:340px;max-width:calc(100vw - 175px)}.canvas-project-pill #canvasHome{padding:0 12px}.canvas-project-pill #canvasProjectName{padding:8px;font-size:14px}.canvas-project-pill>button:not(#canvasHome){padding:6px}.canvas-account-tools{right:10px;gap:5px}.canvas-account-tools>button{padding:0 9px;font-size:11px}.canvas-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.canvas-quick-actions>button{height:56px}.canvas-empty-hint{white-space:normal;flex-direction:column;gap:8px;margin-bottom:18px}#freeCanvasEmpty{top:28%;width:calc(100% - 90px)}#canvasComposerSlot>.composer{width:calc(100% - 26px);bottom:10px;border-radius:20px}.canvas-side-tools{right:9px;top:39%}.canvas-view-tools{right:12px;bottom:195px}#canvasComposerSlot .composer .composer-bottom .tools{gap:14px}}@media(max-width:480px){.canvas-project-pill{top:9px;left:8px;height:44px;max-width:calc(100vw - 150px)}.canvas-project-pill #canvasHome b{font-size:20px}.canvas-project-pill #canvasHome span{display:none}.canvas-project-pill #canvasHome{padding:0 10px}.canvas-project-pill #canvasProjectName{font-size:12px;padding:6px}.canvas-project-pill>button[data-canvas-action=share]{display:none}.canvas-account-tools{top:15px;right:8px}.canvas-account-tools>button{padding:0 8px;font-size:10px}.canvas-account-tools>div{padding-left:6px}.canvas-account-tools .free-label{display:none}.canvas-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-quick-actions>button{height:52px;font-size:12px}#freeCanvasEmpty{top:23%;width:calc(100% - 70px);left:calc(50% - 10px)}.canvas-quick-actions>button:last-child{grid-column:1/-1;width:calc(50% - 4px);justify-self:center}.canvas-empty-hint{font-size:11px}#canvasComposerSlot .composer textarea#prompt{height:90px;font-size:12px}#canvasComposerSlot .composer .composer-bottom .tools{gap:15px}#canvasComposerSlot .composer .composer-bottom .tools button{font-size:11px}.canvas-view-tools{bottom:177px}.canvas-side-tools{top:42%;right:7px}#canvasContextSubmenu{left:0;top:100%;width:100%;z-index:1}#canvasContextMenu.flip-submenu #canvasContextSubmenu{right:auto;left:0}#canvasMoreMenu{left:12px;top:60px}}