.canvas-save-status{z-index:1500;color:#555;background:#fff;border:1px solid #dedede;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 10px;font-size:12px;display:flex;position:fixed;bottom:12px;left:16px}.canvas-save-status[data-state=error],.canvas-save-status[data-state=conflict],.canvas-save-status[data-state=local]{color:#8b4b00;border-color:#d58d37}.canvas-save-status button{cursor:pointer;color:inherit;background:0 0;border:0;text-decoration:underline}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.node-interactive-handle{--handle-enter-x:0px;box-sizing:border-box;cursor:crosshair;z-index:10;transform:translate(var(--handle-enter-x), -50%) scale(.76);transform-origin:50%;opacity:0;pointer-events:none;will-change:opacity, transform;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .12s,transform .16s;display:flex;position:absolute;top:50%}.node-interactive-handle.left{--handle-enter-x:10px}.node-interactive-handle.right{--handle-enter-x:-10px}.node-interactive-handle.is-visible{opacity:1;pointer-events:auto;transition-duration:.2s,.32s;transition-timing-function:ease-out,cubic-bezier(.34,1.56,.64,1);transform:translateY(-50%)scale(1)}.node-interactive-handle-visual{--handle-pull-x:0px;--handle-pull-y:0px;--handle-scale:1;box-sizing:border-box;border:1.5px solid var(--fg-secondary);background:var(--bg-elevated);width:24px;height:24px;transform:translate(var(--handle-pull-x), var(--handle-pull-y)) scale(var(--handle-scale));pointer-events:none;will-change:transform;border-radius:50%;transition:opacity .2s;display:block;position:relative;box-shadow:0 1px 3px #00000047}.node-interactive-handle-visual:before,.node-interactive-handle-visual:after{content:"";background:var(--fg-secondary);border-radius:999px;width:10px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-interactive-handle-visual:after{transform:translate(-50%,-50%)rotate(90deg)}.node-interactive-handle:hover .node-interactive-handle-visual{border-color:var(--fg-primary)}.node-interactive-handle:hover .node-interactive-handle-visual:before,.node-interactive-handle:hover .node-interactive-handle-visual:after{background:var(--fg-primary)}.node-interactive-handle.is-dragging .node-interactive-handle-visual{border-color:var(--fg-primary);background:var(--bg-elevated);box-shadow:0 0 0 2px var(--bg-elevated), 0 1px 3px #00000047}.node-interactive-handle.is-dragging .node-interactive-handle-visual:before,.node-interactive-handle.is-dragging .node-interactive-handle-visual:after{background:var(--fg-primary)}.canvas-pending-connection path{fill:none;stroke:var(--edge-stroke-active);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 1px var(--bg-elevated))}.canvas-pending-connection{z-index:var(--z-node-toolbar);pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.node-interactive-handle:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.node-interactive-handle,.node-interactive-handle.is-visible{transition-duration:.01ms}}.video-frame-capture-controls{z-index:7;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.video-frame-capture-actions{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.video-frame-capture-controls.is-result-video{bottom:0}.video-frame-capture-trigger,.video-quick-trim-trigger{color:#fff;height:32px;font:inherit;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#14161ed1;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;line-height:1;display:inline-flex;box-shadow:0 8px 24px #0f121c38}.video-quick-trim-trigger{padding-inline:9px}.video-quick-trim-trigger.is-active{background:#322d48eb;border-color:#ffffff7a}.video-frame-capture-trigger:hover:not(:disabled),.video-frame-capture-trigger:focus-visible,.video-quick-trim-trigger:hover,.video-quick-trim-trigger:focus-visible{background:#1f222df0;border-color:#ffffff61;outline:none}.video-frame-capture-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14161ef0;border:1px solid #fff3;border-radius:11px;flex-direction:column;gap:3px;width:132px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 12px 30px #0f121c4d}.video-frame-capture-menu button{color:#fff;width:100%;height:30px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:flex}.video-frame-capture-menu button:hover:not(:disabled),.video-frame-capture-menu button:focus-visible{background:#7156ffeb;outline:none}.video-frame-capture-trigger:disabled,.video-frame-capture-menu button:disabled{cursor:wait;opacity:.62}.video-thumb:has(.video-frame-capture-controls.is-trimming){z-index:20;overflow:visible!important}.video-quick-trim-selector{z-index:var(--z-node-toolbar);visibility:hidden;opacity:0;touch-action:none;align-items:center;gap:10px;width:592px;max-width:min(592px,100vw - 28px);transition:opacity .12s,transform .12s;display:flex;position:fixed;top:14px;left:14px;transform:translateY(-2px)}.video-quick-trim-selector.is-positioned{visibility:visible;opacity:1;transform:translateY(0)}.video-quick-trim-selector[data-placement=below]{transform:translateY(2px)}.video-quick-trim-selector.is-positioned[data-placement=below]{transform:translateY(0)}.video-quick-trim-decision{color:#111827;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fafafad9;border:1px solid #fff;border-radius:30px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:8px;display:grid;box-shadow:0 0 18px #0000000f}.video-quick-trim-decision:hover,.video-quick-trim-decision:focus-visible{background:#fff;outline:none;box-shadow:0 7px 22px #14141c1f}.video-quick-trim-selector.is-result-video{gap:10px;width:672px;max-width:min(672px,100vw - 28px)}.video-quick-trim-selector.is-result-video .video-quick-trim-decision{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border-default) 82%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, #000 6%);width:76px;height:44px;color:var(--fg-primary);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;flex:0 0 76px;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font:400 14px/20px PingFang SC,Microsoft YaHei,sans-serif;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 30px #00000047}.video-quick-trim-selector.is-result-video .video-quick-trim-decision:before{content:"";pointer-events:none;background:0 0;border-radius:40px;transition:background-color .12s;position:absolute;inset:4px}.video-quick-trim-selector.is-result-video .video-quick-trim-decision>*{z-index:1;position:relative}.video-quick-trim-selector.is-result-video .video-quick-trim-decision img{box-sizing:border-box;filter:brightness(0)invert();flex:0 0 20px;width:20px;height:20px;padding:2px;display:block}.video-quick-trim-selector.is-result-video .video-quick-trim-decision:hover,.video-quick-trim-selector.is-result-video .video-quick-trim-decision:focus-visible{border-color:color-mix(in srgb, var(--fg-primary) 28%, var(--border-default));background:var(--bg-hover);color:var(--fg-primary);outline:none;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 34px #00000052}.video-quick-trim-selector.is-result-video .video-quick-trim-decision:hover:before,.video-quick-trim-selector.is-result-video .video-quick-trim-decision:focus-visible:before{background:#ffffff0a}.video-quick-trim-selector.is-result-video .video-quick-trim-decision:last-child{border-color:color-mix(in srgb, var(--accent) 82%, transparent);background:var(--accent);color:var(--fg-inverse);box-shadow:inset 0 0 0 1px #ffffff29, 0 12px 30px color-mix(in srgb, var(--accent) 28%, transparent)}.video-quick-trim-selector.is-result-video .video-quick-trim-decision:last-child:hover,.video-quick-trim-selector.is-result-video .video-quick-trim-decision:last-child:focus-visible{border-color:color-mix(in srgb, #fff 26%, var(--accent));background:color-mix(in srgb, var(--accent) 88%, #fff 12%);color:var(--fg-inverse);box-shadow:inset 0 0 0 1px #fff3, 0 14px 34px color-mix(in srgb, var(--accent) 34%, transparent)}.video-quick-trim-track{-webkit-user-select:none;user-select:none;touch-action:none;background:#fafafad9;border-radius:12px;flex:0 500px;width:500px;height:52px;position:relative;overflow:visible;box-shadow:0 0 18px #0000000f,0 12px 40px #00000014}.video-quick-trim-filmstrip{border-radius:inherit;background:linear-gradient(110deg,#7b8491 0%,#aeb7c1 45%,#707984 100%);grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:absolute;inset:0;overflow:hidden}.video-quick-trim-filmstrip span{border-right:1px solid #ffffff2e;min-width:0;overflow:hidden}.video-quick-trim-filmstrip img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.08)}.video-quick-trim-filmstrip span:nth-child(2n) img{transform:scale(1.08)translate(-3%)}.video-quick-trim-scrim{-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#0000004d;position:absolute;top:0;bottom:0}.video-quick-trim-scrim.is-before{border-radius:12px 0 0 12px;left:0}.video-quick-trim-scrim.is-after{border-radius:0 12px 12px 0}.video-quick-trim-selection{cursor:grab;touch-action:none;background:#ffffff14;border:2px solid #fff;border-radius:4px;min-width:3px;height:52px;position:absolute;top:0;box-shadow:0 0 0 1px #00000008}.video-quick-trim-selection:active{cursor:grabbing}.video-quick-trim-selection:before{content:"";pointer-events:none;background:#0000000a;position:absolute;inset:0}.video-quick-trim-duration{z-index:2;color:#fff;pointer-events:none;background:#000;border-radius:17px;justify-content:center;align-items:center;min-width:46px;height:20px;padding:0 9px;font-size:12px;font-weight:400;line-height:1;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-quick-trim-handle{z-index:3;cursor:ew-resize;touch-action:none;background:#fff;border:0;border-radius:10px;width:3px;height:24px;padding:0;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 7px #0000}.video-quick-trim-handle.is-start{left:-9px}.video-quick-trim-handle.is-end{right:-9px}.video-quick-trim-handle:focus-visible{outline-offset:3px;outline:2px solid #6c63ff}@media (width<=760px){.video-quick-trim-selector{gap:6px;width:min(592px,100vw - 28px)}.video-quick-trim-track{min-width:0}.video-quick-trim-selector.is-result-video{width:min(672px,100vw - 28px)}.video-quick-trim-selector.is-result-video .video-quick-trim-decision{flex-basis:44px;width:44px;padding-inline:12px}.video-quick-trim-selector.is-result-video .video-quick-trim-decision span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.video-quick-trim-filmstrip span i{background:linear-gradient(135deg,#6d7683db,#9ea9b5d1);width:100%;height:100%;display:block}.video-quick-trim-filmstrip span:nth-child(3n+2) i{background:linear-gradient(135deg,#7e8896e0,#5b6573d6)}.video-quick-trim-filmstrip.is-loading span i{animation:1.2s ease-in-out infinite alternate video-quick-trim-loading}.video-quick-trim-preview-status{z-index:5;color:#fff;text-align:center;text-shadow:0 1px 5px #000000a6;pointer-events:none;width:min(84%,390px);font-size:11px;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-quick-trim-selection:focus-visible{outline-offset:3px;outline:2px solid #6c63ff}@keyframes video-quick-trim-loading{0%{opacity:.46}to{opacity:.92}}@media (prefers-reduced-motion:reduce){.video-quick-trim-filmstrip.is-loading span i{animation:none}}.video-quick-trim-selection{container:quick-trim-selection/inline-size}@container quick-trim-selection (width<=60px){.video-quick-trim-duration{top:-8px;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0000002e}}