.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.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:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.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.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));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;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.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-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;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-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}
:root{--bg:#f6f8fc;--surface:#ffffffc7;--surface-strong:#fff;--line:#dde6f2;--line-strong:#cbd4e2;--text:#202633;--muted:#687080;--subtle:#9aa3b2;--black:#111827;--blue:#2f80ed;--teal:#15a38c;--danger:#ef4444;--shadow:0 18px 60px #475b801a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}.hidden-file-input{display:none}.icon-button{width:40px;height:40px;color:var(--muted);background:#ffffffd1;border:0;border-radius:999px;outline:1px solid #0000000d;justify-content:center;align-items:center;transition:all .16s;display:inline-flex;box-shadow:0 1px #ffffffe6,0 1px 12px #1f25300f}.icon-button:hover{color:var(--text);background:#fff}.icon-button.muted{box-shadow:none;background:#e9edf4;outline:0}.primary-button,.secondary-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:650;display:inline-flex}.primary-button{color:#fff;background:var(--black);box-shadow:0 8px 20px #0000001a}.primary-button:hover{background:#263041}.secondary-button{color:#4b5565;background:#eef2f7}.secondary-button:hover{background:#e3e9f1}.danger-button{color:#b91c1c;background:#fff1f2}.danger-button:hover:not(:disabled){color:#991b1b;background:#ffe4e6}.danger-button:disabled{color:#c3cad6;opacity:.7;background:#f3f6fb}.compact{min-height:36px;padding:0 14px}.app-toast{z-index:200;color:#fff;background:#111827eb;border:1px solid #00000014;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 45px #11182738}
.session-screen{background:radial-gradient(circle at 20% 10%, #2f80ed1f, transparent 32%), radial-gradient(circle at 80% 85%, #15a38c1a, transparent 34%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.session-card{background:#fffffff0;border:1px solid #00000012;border-radius:22px;width:min(100%,400px);box-shadow:0 30px 90px #31415f24}.session-login-card{flex-direction:column;gap:18px;padding:34px;display:flex}.session-login-card h1{color:#121826;margin:0 0 6px;font-size:27px}.session-login-card p{color:var(--muted);margin:0;font-size:14px}.session-login-card label{color:#4b5565;gap:7px;font-size:13px;font-weight:650;display:grid}.session-login-card input{border:1px solid var(--line);width:100%;height:44px;color:var(--text);background:#fbfcfe;border-radius:10px;outline:none;padding:0 13px}.session-login-card input:focus{border-color:#2f80edb3;box-shadow:0 0 0 3px #2f80ed1a}.session-logo{color:#fff;background:#111827;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.session-error{color:#b91c1c!important;margin:-4px 0 0!important;font-size:13px!important}.session-submit{width:100%;margin-top:4px}.session-submit:disabled{opacity:.68}.session-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:32px;display:flex}.session-status-card>span:not(.session-logo){max-width:300px;color:var(--muted);font-size:14px}.session-status-card .primary-button{margin-top:10px}.session-spinner{animation:.9s linear infinite session-spin}@keyframes session-spin{to{transform:rotate(360deg)}}.shared-canvas-import-page{background:radial-gradient(circle at 18% 12%, #2f80ed21, transparent 31%), radial-gradient(circle at 82% 86%, #15a38c1a, transparent 34%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.shared-canvas-import-card{text-align:center;background:#fffffff5;border:1px solid #00000012;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:min(100%,460px);min-height:300px;padding:38px;display:flex;box-shadow:0 30px 90px #31415f24}.shared-canvas-import-icon{color:#fff;background:#111827;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.shared-canvas-import-icon.is-error{color:#b91c1c;background:#fff1f2}.shared-canvas-import-card h1,.shared-canvas-import-card p{margin:0}.shared-canvas-import-card h1{margin-top:5px;font-size:23px}.shared-canvas-import-card p,.shared-canvas-import-card small{max-width:360px;color:var(--muted);font-size:14px;line-height:1.7}.shared-canvas-import-card small{font-size:12px}.shared-canvas-import-actions{gap:9px;margin-top:10px;display:flex}.shared-canvas-preview-page{background:#f3f6fb;grid-template-rows:64px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.shared-canvas-preview-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:20px;padding:0 18px;display:flex}.shared-canvas-preview-title{align-items:center;gap:12px;min-width:0;display:flex}.shared-canvas-preview-title>div{align-items:center;gap:9px;min-width:0;display:flex}.shared-canvas-preview-title strong{color:#1c2431;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.shared-canvas-preview-title span,.shared-canvas-preview-badge{color:#576273;background:#e8edf4;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.shared-canvas-preview-back{color:#667184;background:#fff;border:1px solid #e1e7ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.shared-canvas-preview-back:hover{color:#202633;background:#f7f9fc}.shared-canvas-copy-button{color:#fff;background:#111827;border:1px solid #202936;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:112px;height:40px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #11182721}.shared-canvas-copy-button:hover:not(:disabled){background:#263041}.shared-canvas-copy-button:disabled{opacity:.66}.shared-canvas-preview-stage{min-height:0;position:relative}.shared-canvas-preview-stage .react-flow{background:#f3f6fb}.shared-canvas-preview-stage .react-flow__pane{cursor:grab}.shared-canvas-preview-stage .react-flow__pane.dragging{cursor:grabbing}.shared-canvas-preview-stage .react-flow__node{cursor:default}.shared-canvas-preview-badge{background:#ffffffe6;border:1px solid #cbd4e2e6;box-shadow:0 8px 24px #475b801a;margin:12px!important}.shared-canvas-preview-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #cbd4e2e6;border-radius:11px;align-items:center;gap:5px;height:40px;padding:4px;display:flex;box-shadow:0 10px 28px #475b801f;margin:14px!important}.shared-canvas-preview-controls button{color:#657082;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.shared-canvas-preview-controls button:hover{color:#222b39;background:#edf1f6}.shared-canvas-preview-controls span{color:#394251;text-align:center;min-width:45px;font-size:12px;font-weight:750}@media (max-width:640px){.shared-canvas-preview-page{grid-template-rows:auto minmax(0,1fr)}.shared-canvas-preview-topbar{min-height:68px;padding:10px 12px}.shared-canvas-preview-title span{display:none}.shared-canvas-copy-button{min-width:auto}}
.studio-home{--studio-sidebar:#111;--studio-sidebar-soft:#1d1d1d;--studio-cyan:#19c4df;--studio-cyan-hover:#0fb5d0;--studio-text:#17191d;--studio-muted:#737b87;--studio-line:#e4e7eb;min-height:100dvh;color:var(--studio-text);background:#f8f9fb;grid-template-columns:240px minmax(0,1fr);display:grid}.studio-sidebar{background:var(--studio-sidebar);color:#f7f7f7;border-right:1px solid #252525;flex-direction:column;gap:26px;height:100dvh;padding:22px 16px;display:flex;position:sticky;top:0}.studio-brand{letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;padding:0 8px;font-size:19px;font-weight:760;display:flex}.studio-brand-mark{color:#071013;background:var(--studio-cyan);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.studio-create-button,.studio-primary-button,.studio-secondary-button,.studio-filter-button,.studio-account-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:680;display:inline-flex}.studio-create-button{color:#071013;background:var(--studio-cyan);border:0;width:100%;min-height:42px;transition:background .16s,transform .16s}.studio-create-button:hover,.studio-primary-button:hover{background:var(--studio-cyan-hover)}.studio-create-button:active,.studio-primary-button:active{transform:translateY(1px)}.studio-nav{gap:5px;display:grid}.studio-nav button{color:#b9bdc4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 13px;font-size:14px;transition:color .15s,background .15s;display:flex}.studio-nav button:hover{color:#fff;background:#1c1c1c}.studio-nav button.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--studio-cyan);background:#2b2b2b}.studio-sidebar-foot{border-top:1px solid #282828;align-items:center;gap:10px;min-width:0;margin-top:auto;padding:18px 8px 0;display:flex}.studio-user-avatar,.studio-account-avatar{color:#081114;background:#b8eff8;border-radius:50%;place-items:center;font-weight:750;display:grid}.studio-user-avatar{flex:none;width:34px;height:34px}.studio-sidebar-user-copy{min-width:0;display:grid}.studio-sidebar-user-copy strong{color:#f2f2f2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-sidebar-user-copy small{color:#777d86;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.studio-main{min-width:0;padding:36px clamp(26px,4.2vw,72px) 64px}.studio-topbar{justify-content:space-between;align-items:flex-start;gap:32px;min-height:62px;display:flex}.studio-topbar h1{color:#15171a;letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.5vw,38px);font-weight:760;line-height:1.05}.studio-topbar p{color:var(--studio-muted);margin:10px 0 0;font-size:14px}.studio-top-actions{align-items:center;gap:10px;display:flex}.studio-icon-button{border:1px solid var(--studio-line);color:#4f5661;background:#fff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;transition:border-color .15s,color .15s,background .15s;display:grid}.studio-icon-button:hover{color:#17191d;background:#f4f5f6;border-color:#cbd0d7}.studio-primary-button,.studio-secondary-button,.studio-filter-button{border:1px solid #0000;min-height:38px;padding:0 14px}.studio-primary-button{color:#071013;background:var(--studio-cyan)}.studio-primary-button:disabled{cursor:not-allowed;opacity:.56}.studio-secondary-button,.studio-filter-button{border-color:var(--studio-line);color:#424852;background:#fff}.studio-secondary-button:hover,.studio-filter-button:hover{color:#16181c;background:#f5f6f7;border-color:#c9ced5}.studio-account-root{position:relative}.studio-account-button{border:1px solid var(--studio-line);color:#343941;background:#fff;min-height:38px;padding:3px 10px 3px 4px}.studio-account-avatar{width:30px;height:30px;margin-right:2px}.studio-account-popover,.studio-project-menu{z-index:80;background:#fff;border:1px solid #dedfe3;border-radius:10px;position:absolute;box-shadow:0 18px 50px #12161c26}.studio-account-popover{width:190px;padding:8px;top:46px;right:0}.studio-account-popover>div{border-bottom:1px solid #eceef1;gap:3px;padding:8px 10px 12px;display:grid}.studio-account-popover strong{font-size:13px}.studio-account-popover small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-account-popover button{color:#424852;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;margin-top:6px;padding:9px 10px;display:flex}.studio-account-popover button:hover{color:#111;background:#f3f4f6}.studio-toolbar{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);align-items:center;gap:10px;margin-top:32px;padding:18px 0;display:flex}.studio-search{color:#8a919c;background:#fff;border:1px solid #d9dde3;border-radius:8px;align-items:center;width:min(100%,340px);height:40px;padding:0 9px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.studio-search:focus-within{border-color:#64cee0;box-shadow:0 0 0 3px #19c4df1f}.studio-search input{color:#1c2026;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 9px;font-size:14px}.studio-search button{color:#7b828d;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.studio-search button:hover{color:#15171a;background:#f0f2f4}.studio-toolbar-spacer{flex:1}.studio-sort-select{border:1px solid var(--studio-line);color:#555c66;background:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;padding-left:11px;display:flex;position:relative}.studio-sort-select select{appearance:none;color:#424852;background:0 0;border:0;outline:0;height:100%;padding:0 30px 0 0;font-size:14px;font-weight:620}.studio-sort-select>svg:last-child{pointer-events:none;position:absolute;right:9px}.studio-view-toggle{border:1px solid var(--studio-line);background:#fff;border-radius:8px;align-items:center;height:38px;padding:3px;display:flex}.studio-view-toggle button{color:#8a919c;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:30px;display:grid}.studio-view-toggle button:hover{color:#444a54;background:#f2f3f5}.studio-view-toggle button.is-active{color:#14171b;background:#e8eaed}.studio-project-section{margin-top:28px}.studio-folder-breadcrumb{color:#8a919b;align-items:center;gap:8px;min-height:36px;margin-bottom:18px;font-size:13px;display:flex}.studio-folder-breadcrumb button{color:#59616c;font-size:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:4px 2px;display:inline-flex}.studio-folder-breadcrumb button:hover{color:#14171b}.studio-folder-breadcrumb strong{color:#22262c;font-weight:720}.studio-section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.studio-section-heading>div{align-items:baseline;gap:10px;display:flex}.studio-section-heading h2{color:#17191d;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:730}.studio-section-heading span{color:#8a919c;font-size:13px}.studio-project-grid{gap:22px 18px;display:grid}.studio-project-grid.is-grid{grid-template-columns:repeat(4,minmax(210px,1fr))}.studio-project-grid.is-list{grid-template-columns:1fr;gap:10px}.studio-project-card{min-width:0;position:relative}.studio-project-card.is-grid{display:block}.studio-project-card.is-list{border:1px solid var(--studio-line);background:#fff;border-radius:10px;grid-template-columns:154px minmax(0,1fr);align-items:center;min-height:104px;display:grid;overflow:visible}.studio-project-cover{background:#e5e7ea;border-radius:10px;display:block;position:relative;overflow:hidden;box-shadow:0 1px #ffffffe6,0 7px 22px #171b2112}.studio-folder-cover{color:#c6ccd4;cursor:pointer;background:#30343a;border:0;width:100%}.studio-folder-cover>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-folder-card.is-grid .studio-folder-cover{aspect-ratio:16/9}.studio-folder-card.is-list .studio-folder-cover{border-radius:9px 0 0 9px;width:154px;height:102px}.studio-folder-card:hover .studio-folder-cover{color:#ecf0f4;background:#282c31}.studio-project-card.is-grid .studio-project-cover{aspect-ratio:16/9}.studio-project-card.is-list .studio-project-cover{width:154px;height:102px;box-shadow:none;border-radius:9px 0 0 9px}.studio-project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .26s}.studio-project-cover-title{color:#2b3038;letter-spacing:-.025em;text-align:center;overflow-wrap:anywhere;background:#e9edf2;place-items:center;padding:24px;font-size:clamp(18px,2vw,27px);font-weight:750;line-height:1.28;display:grid;position:absolute;inset:0}.studio-project-card.is-list .studio-project-cover-title{padding:14px;font-size:16px}.studio-project-card:hover .studio-project-cover img{transform:scale(1.025)}.studio-cover-badge{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0e11b8;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:680;position:absolute;top:10px;left:10px}.studio-cover-uploading{color:#fff;letter-spacing:.01em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b122094;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.studio-project-meta{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;padding:12px 4px 0;display:flex}.studio-project-card.is-list .studio-project-meta{align-items:center;padding:16px 14px 16px 18px}.studio-project-meta>a,.studio-folder-meta-button{gap:5px;min-width:0;display:grid}.studio-folder-meta-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.studio-folder-meta-button strong,.studio-folder-meta-button small{max-width:100%}.studio-trash-meta-copy{gap:5px;min-width:0;display:grid}.studio-trash-meta-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-trash-meta-copy small{color:#8a919c;font-size:12px}.studio-restore-button{color:#303640;background:#fff;border:1px solid #d7dbe0;border-radius:7px;flex:none;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:13px;font-weight:650;display:inline-flex}.studio-restore-button:hover:not(:disabled){color:#087d92;background:#eefbfd;border-color:#7bcbd9}.studio-restore-button:disabled{opacity:.55;cursor:wait}.studio-project-meta strong{color:#1b1e23;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:690;overflow:hidden}.studio-project-meta small{color:#8a919c;font-size:12px}.studio-project-menu-root{flex:none;position:relative}.studio-project-menu-root>button{color:#858c96;background:0 0;border:0;border-radius:7px;outline:0;flex:none;place-items:center;width:30px;height:30px;display:grid}.studio-project-menu-root>button:hover{color:#25292f;background:#eceef1}.studio-project-menu-root>button[aria-expanded=true]{color:#fff;background:#303030}.studio-project-menu{background:#303030;border-color:#474747;border-radius:9px;width:174px;padding:7px;top:34px;right:0;overflow:hidden;box-shadow:0 18px 44px #00000052}.studio-project-menu a,.studio-project-menu button{color:#f1f1f1;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 11px;font-size:14px;font-weight:600;display:flex}.studio-project-menu a:hover,.studio-project-menu button:hover,.studio-project-menu a:focus-visible,.studio-project-menu button:focus-visible{color:#fff;background:#434343;outline:0}.studio-project-menu .is-danger{color:#f1f1f1}.studio-project-menu .is-danger:hover,.studio-project-menu .is-danger:focus-visible{color:#ffd7dc;background:#553236}.studio-project-menu button:disabled,.studio-project-menu button:disabled:hover,.studio-project-menu button:disabled:focus-visible{color:#777;cursor:not-allowed;background:0 0}.studio-create-card{color:#545b65;text-align:left;background:#fff;border:1px dashed #c9cdd3;border-radius:10px;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;overflow:hidden}.studio-create-card.is-grid{grid-template-rows:auto auto;display:grid}.studio-create-card:hover{border-color:#69cbdc;transform:translateY(-2px);box-shadow:0 10px 28px #121a2212}.studio-create-visual{color:#5f6670;background:#f0f2f4;place-items:center;display:grid}.studio-create-card.is-grid .studio-create-visual{aspect-ratio:16/9}.studio-create-card.is-list .studio-create-visual{grid-area:1/1;width:154px;height:102px}.studio-create-copy{gap:5px;padding:12px 4px 0;display:grid}.studio-create-card.is-list .studio-create-copy{grid-area:1/2;padding:16px 18px}.studio-create-copy strong{color:#25292f;font-size:15px;font-weight:700}.studio-create-copy small{color:#9298a1;font-size:12px}.studio-loading-state{border:1px solid var(--studio-line);color:#7d848e;text-align:center;background:#fff;border-radius:10px;margin-top:22px;padding:24px}.studio-empty-state{color:#8e959f;text-align:center;background:#fff;border:1px dashed #d2d6dc;border-radius:12px;place-content:center;justify-items:center;min-height:260px;display:grid}.studio-empty-state strong{color:#444a52;margin-top:13px;font-size:15px}.studio-empty-state span{margin-top:7px;font-size:13px}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10121585;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.create-dialog{background:#fff;border:1px solid #e0e3e7;border-radius:14px;width:min(100%,420px);padding:24px;box-shadow:0 28px 90px #10141a40}.studio-delete-dialog{text-align:center;width:min(100%,400px)}.studio-move-dialog{width:min(100%,460px)}.studio-folder-destination-list{gap:7px;max-height:310px;margin-top:20px;display:grid;overflow:auto}.studio-folder-destination-list>button{color:#626a75;text-align:left;background:#fafbfc;border:1px solid #e0e3e7;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;display:flex}.studio-folder-destination-list>button:hover{background:#f4f6f8;border-color:#c9d0d8}.studio-folder-destination-list>button.is-selected{color:#087d92;background:#effbfd;border-color:#52c7db;box-shadow:0 0 0 2px #19c4df1a}.studio-folder-destination-list span{gap:3px;display:grid}.studio-folder-destination-list strong{color:#252a31;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.studio-folder-destination-list small{color:#8a919b;font-size:12px}.studio-delete-dialog-icon{color:#c63f3f;background:#fff0f0;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto 16px;display:grid}.studio-delete-dialog h3{color:#191c20;letter-spacing:-.02em;margin:0;font-size:20px}.studio-delete-dialog p{color:#4e5560;margin:14px 0 0;font-size:14px;line-height:1.6}.studio-delete-dialog .studio-delete-dialog-note{color:#858c95;margin-top:5px;font-size:13px}.studio-delete-dialog .dialog-actions{justify-content:center}.studio-danger-button{color:#fff;background:#d84949;border:1px solid #d84949;border-radius:8px;min-height:38px;padding:0 16px;font-weight:680}.studio-danger-button:hover{background:#c93c3c;border-color:#c93c3c}.studio-danger-button:disabled{cursor:not-allowed;opacity:.58}.dialog-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-title-row h3{color:#191c20;letter-spacing:-.02em;margin:0;font-size:21px}.dialog-title-row p{color:#7a818b;margin:7px 0 0;font-size:13px}.create-dialog label{color:#4c525c;margin-top:22px;font-size:13px;font-weight:680;display:block}.create-dialog input{color:#17191d;background:#fbfbfc;border:1px solid #ccd1d8;border-radius:8px;outline:0;width:100%;height:44px;margin-top:8px;padding:0 12px;font-size:15px;font-weight:620}.create-dialog input:focus{border-color:#58c7da;box-shadow:0 0 0 3px #19c4df1f}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (max-width:1280px){.studio-project-grid.is-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (max-width:1020px){.studio-home{grid-template-columns:82px minmax(0,1fr)}.studio-sidebar{align-items:center;padding-inline:12px}.studio-brand>span:last-child,.studio-create-button:not(:hover):after,.studio-create-button{font-size:0}.studio-create-button{width:44px;padding:0}.studio-nav{width:100%}.studio-nav button{justify-content:center;padding:0;font-size:0}.studio-sidebar-user-copy{display:none}.studio-topbar{flex-direction:column;align-items:flex-start}.studio-top-actions{width:100%}.studio-account-root{margin-left:auto}}@media (max-width:780px){.studio-main{padding:24px 18px 50px}.studio-top-actions .studio-secondary-button,.studio-top-actions .studio-icon-button{display:none}.studio-toolbar{flex-wrap:wrap}.studio-search{width:100%}.studio-toolbar-spacer{display:none}.studio-project-grid.is-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (max-width:560px){.studio-home{display:block}.studio-sidebar{z-index:90;border-top:1px solid #292929;border-right:0;flex-direction:row;align-items:center;width:100%;height:64px;padding:8px 12px;position:fixed;inset:auto 0 0}.studio-brand,.studio-create-button,.studio-sidebar-foot{display:none}.studio-nav{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.studio-nav button{min-height:46px}.studio-nav button.is-active{box-shadow:inset 0 -3px 0 var(--studio-cyan)}.studio-main{padding-bottom:92px}.studio-account-button>span:nth-child(2),.studio-account-button>svg:last-child{display:none}.studio-account-button{padding-right:4px}.studio-project-grid.is-grid{grid-template-columns:1fr}.studio-filter-button{font-size:0}.studio-filter-button svg{margin:0}}
.canvas-title-group{align-items:center;display:flex}.canvas-page{background:#f3f6fb;grid-template-rows:64px 1fr;height:100dvh;display:grid;overflow:hidden}.canvas-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.canvas-title-group{gap:12px}.canvas-title-group>div{gap:2px;display:grid}.canvas-title-group span{color:var(--muted);font-size:12px}.canvas-title-group strong{color:var(--text);font-size:15px}.canvas-save-status{color:var(--subtle);margin-top:3px;font-size:11px;font-weight:500;display:block}.canvas-save-status.is-dirty,.canvas-save-status.is-saving{color:#93641d}.canvas-save-status.is-error,.canvas-save-status.is-conflict{color:#b91c1c}.canvas-share-button{color:#fff;background:#111827;border:1px solid #202936;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #11182721}.canvas-share-button:hover{background:#263041}.canvas-share-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0f147a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.canvas-share-dialog{color:#f5f5f5;background:#242424;border:1px solid #ffffff1f;border-radius:17px;width:min(100%,520px);overflow:hidden;box-shadow:0 28px 90px #0000006b}.canvas-share-dialog>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 18px;display:flex}.canvas-share-dialog h2,.canvas-share-dialog p{margin:0}.canvas-share-dialog h2{font-size:16px}.canvas-share-dialog header p{color:#9b9b9b;text-overflow:ellipsis;white-space:nowrap;max-width:390px;margin-top:4px;font-size:12px;overflow:hidden}.canvas-share-close{color:#b8b8b8;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.canvas-share-close:hover:not(:disabled){color:#fff;background:#ffffff14}.canvas-share-link-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:24px 24px 12px;display:grid}.canvas-share-link-row input{color:#dedede;background:#343434;border:1px solid #ffffff0f;border-radius:9px;outline:none;min-width:0;height:42px;padding:0 13px;font-size:13px}.canvas-share-link-row input:focus{border-color:#66beffb8;box-shadow:0 0 0 3px #2ea4ff21}.canvas-share-link-row button{color:#171717;background:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:108px;height:42px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.canvas-share-link-row button:disabled{color:#8d8d8d;background:#d8d8d8}.canvas-share-note,.canvas-share-error{padding-left:24px;padding-right:24px;font-size:12px;line-height:1.6}.canvas-share-note{color:#a7a7a7;padding-bottom:22px}.canvas-share-error{color:#ff9d9d;padding-bottom:8px}.canvas-node-context-menu{z-index:120;color:#f0f0f0;-webkit-user-select:none;user-select:none;background:#282828;border:1px solid #ffffff1a;border-radius:14px;gap:2px;width:192px;padding:7px;display:grid;position:fixed;box-shadow:0 18px 52px #0000006b}.canvas-node-context-menu button{width:100%;height:34px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;font-weight:650;display:flex}.canvas-node-context-menu-section{border-bottom:1px solid #ffffff1a;gap:2px;margin-bottom:4px;padding-bottom:4px;display:grid}.canvas-node-context-menu button:hover:not(:disabled),.canvas-node-context-menu button:focus-visible{background:#ffffff17;outline:none}.canvas-node-context-menu button.is-danger:hover:not(:disabled),.canvas-node-context-menu button.is-danger:focus-visible{color:#ff8e8e;background:#ef44441f}.canvas-node-context-menu button:disabled{color:#737373;cursor:not-allowed}.canvas-node-context-menu kbd{color:#858585;letter-spacing:.02em;background:0 0;font:11px/1 ui-sans-serif,system-ui,sans-serif}.canvas-pane-context-menu{z-index:150;color:#f1f1f1;-webkit-user-select:none;user-select:none;background:#282828;border:1px solid #ffffff1a;border-radius:15px;gap:1px;width:196px;padding:8px;display:grid;position:fixed;box-shadow:0 20px 58px #00000070}.canvas-pane-context-menu button{width:100%;height:34px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;font-weight:650;display:flex}.canvas-pane-context-menu button:hover:not(:disabled),.canvas-pane-context-menu button:focus-visible,.canvas-pane-context-menu button.is-active{background:#ffffff17;outline:none}.canvas-pane-context-menu button:disabled{color:#737373;cursor:not-allowed}.canvas-pane-context-menu kbd{color:#858585;letter-spacing:.02em;white-space:nowrap;background:0 0;font:11px/1 ui-sans-serif,system-ui,sans-serif}.canvas-pane-context-divider{background:#ffffff1a;height:1px;margin:4px 8px}.canvas-actions{gap:10px}.canvas-workspace{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.canvas-flow-panel{background:#f7f9fc;min-width:0;min-height:0;position:relative}.canvas-flow-panel.is-space-panning .react-flow__pane{cursor:grab}.canvas-flow-panel.is-space-panning .react-flow__pane.dragging,.canvas-flow-panel.is-space-panning .react-flow__pane:active{cursor:grabbing}.canvas-flow-panel.is-space-panning .react-flow__node,.canvas-flow-panel.is-space-panning .react-flow__edge,.canvas-flow-panel.is-space-panning .react-flow__handle,.canvas-flow-panel.is-space-panning .canvas-group-frame,.canvas-flow-panel.is-space-panning .canvas-group-frame *{pointer-events:none!important}.react-flow__panel.canvas-viewport-controls{z-index:75;color:#ededed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#222223f5;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:3px;margin:0 0 14px 14px;padding:3px;transition:margin-left .18s;display:flex;box-shadow:0 10px 28px #0f172a38}.react-flow__panel.canvas-viewport-controls.is-asset-library-open{margin-left:310px}.canvas-viewport-controls button{color:inherit;font:inherit;background:0 0;border:0}.canvas-map-toggle,.canvas-edges-toggle,.canvas-alignment-toggle,.canvas-assets-toggle,.canvas-zoom-trigger{place-items:center;height:32px;display:grid;border-radius:8px!important}.canvas-map-toggle,.canvas-edges-toggle,.canvas-alignment-toggle{width:32px;padding:0}.canvas-assets-toggle{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:88px;padding:0 9px;display:inline-flex;font-size:12px!important;font-weight:650!important}.canvas-assets-toggle:hover,.canvas-assets-toggle:focus-visible,.canvas-assets-toggle.is-active,.canvas-map-toggle:hover,.canvas-map-toggle:focus-visible,.canvas-map-toggle.is-active,.canvas-edges-toggle:hover,.canvas-edges-toggle:focus-visible,.canvas-edges-toggle.is-active,.canvas-alignment-toggle:hover,.canvas-alignment-toggle:focus-visible,.canvas-alignment-toggle.is-active,.canvas-zoom-trigger:hover,.canvas-zoom-trigger:focus-visible,.canvas-zoom-trigger[aria-expanded=true]{color:#fff;background:#ffffff1f;outline:none}.canvas-map-toggle.is-active,.canvas-edges-toggle.is-active,.canvas-alignment-toggle.is-active{color:#71c8ff}.canvas-alignment-guides{z-index:155;pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-alignment-guide{background:#ff4d8d;display:block;position:absolute;box-shadow:0 0 0 1px #ff4d8d24}.canvas-alignment-guide.is-vertical{width:1px;top:0;bottom:0;transform:translate(-.5px)}.canvas-alignment-guide.is-horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.canvas-assets-toggle.is-active{color:#71c8ff}.canvas-zoom-control{position:relative}.canvas-zoom-trigger{font-variant-numeric:tabular-nums;min-width:51px;padding:0 8px;font-size:13px!important;font-weight:720!important}.canvas-zoom-menu{color:#f4f4f4;-webkit-user-select:none;user-select:none;background:#282828;border:1px solid #ffffff1a;border-radius:14px;gap:1px;width:216px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 11px);left:-35px;box-shadow:0 22px 58px #0000006b}.canvas-zoom-input{color:#9a9a9a;background:#3a3a3a;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:6px;height:38px;margin-bottom:5px;padding:0 10px;display:flex}.canvas-zoom-input:focus-within{border-color:#71c8ffad;box-shadow:0 0 0 2px #4fa9e629}.canvas-zoom-input input{color:#f5f5f5;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font:650 14px/1 ui-sans-serif,system-ui,sans-serif}.canvas-zoom-input span{font-size:12px;font-weight:700}.canvas-zoom-menu>button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:35px;padding:0 10px;font-size:13px;font-weight:650;display:flex}.canvas-zoom-menu>button:hover,.canvas-zoom-menu>button:focus-visible{background:#ffffff17;outline:none}.canvas-zoom-menu kbd{color:#858585;white-space:nowrap;background:0 0;font:11px/1 ui-sans-serif,system-ui,sans-serif}.canvas-zoom-menu-divider{background:#ffffff1a;height:1px;margin:5px 8px}.react-flow__minimap.canvas-minimap{cursor:crosshair;background:#202225;border:1px solid #ffffff1f;border-radius:12px;width:218px;height:138px;margin:0;transition:left .18s;bottom:60px;left:14px;right:auto;overflow:hidden;box-shadow:0 16px 42px #0f172a42}.react-flow__minimap.canvas-minimap.is-asset-library-open{left:310px}.react-flow__minimap.canvas-minimap:active{cursor:grabbing}.canvas-drop-overlay{z-index:120;color:#1f3f68;pointer-events:none;background:#eff6ffd1;border:1px dashed #2f80ed;border-radius:8px;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:14px;box-shadow:inset 0 0 0 1px #ffffffdb,0 18px 48px #2f80ed24}.canvas-drop-overlay strong{font-size:16px;font-weight:720}.canvas-drop-overlay span{color:#526071;font-size:13px;font-weight:600}.canvas-asset-library{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #cbd4e2eb;border-radius:13px;flex-direction:column;width:286px;display:flex;position:absolute;top:10px;bottom:10px;left:10px;overflow:hidden;box-shadow:0 20px 52px #3246682e}.canvas-asset-library-header,.canvas-asset-library-actions,.canvas-asset-library-section-title,.canvas-asset-library article{align-items:center;display:flex}.canvas-asset-library-header{border-bottom:1px solid #e8edf3;justify-content:space-between;min-height:52px;padding:8px 10px}.canvas-asset-library-header nav{align-items:center;gap:4px;display:flex}.canvas-asset-library-header nav button{color:#5f6978;outline:0;min-width:48px;height:32px;padding:0 12px;font-size:13px;font-weight:700}.canvas-asset-library-header nav button:focus-visible{box-shadow:0 0 0 2px #2f80ed2e}.canvas-asset-library-header nav button.is-active{color:#182230;background:#e9eef4}.canvas-asset-library button{color:#4b5563;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.canvas-asset-library button:hover{color:#1f2937;background:#edf2f7}.canvas-asset-library-header>button{width:28px;height:28px}.canvas-asset-scope{color:#263141;background:#f0f3f7;border:1px solid #dfe6ef;border-radius:9px;place-items:center;min-height:34px;margin:10px 10px 0;font-size:13px;display:grid}.canvas-asset-search-row{grid-template-columns:minmax(0,1fr) 66px;gap:7px;padding:10px 10px 8px;display:grid}.canvas-asset-search-row label{color:#8a96a6;background:#fbfcfe;border:1px solid #d9e2ed;border-radius:8px;align-items:center;gap:7px;min-width:0;height:34px;padding:0 9px;display:flex}.canvas-asset-search-row label:focus-within{border-color:#48b6cf;box-shadow:0 0 0 2px #48b6cf1f}.canvas-asset-search-row input,.canvas-asset-search-row select{color:#344054;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.canvas-asset-search-row input{width:100%}.canvas-asset-search-row select{background:#fbfcfe;border:1px solid #d9e2ed;border-radius:8px;height:34px;padding:0 7px}.canvas-asset-library-section-title{justify-content:space-between;min-height:38px;padding:0 11px 6px}.canvas-asset-library-section-title>div:first-child{align-items:baseline;gap:7px;min-width:0;display:flex}.canvas-asset-library-section-title strong{color:#253041;font-size:12px}.canvas-asset-library-section-title span,.canvas-asset-library article span{color:var(--subtle);font-size:11px}.canvas-asset-library-actions{gap:4px}.canvas-asset-library-actions button{background:#f8fafc;border:1px solid #dce4ee;width:28px;height:28px}.canvas-asset-list{border-top:1px solid #edf1f5;flex:1;align-content:start;gap:3px;min-height:80px;padding:7px;display:grid;overflow:auto}.canvas-asset-list>p{color:var(--subtle);margin:18px 8px;font-size:12px;line-height:1.55}.canvas-asset-library article{cursor:grab;border-radius:8px;gap:8px;min-width:0;padding:5px 6px}.canvas-asset-library article:hover{background:#f3f6fa}.canvas-asset-row{text-align:left;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 6px;border-radius:8px!important;justify-content:flex-start!important;display:flex!important}.canvas-asset-row:hover,.canvas-asset-row.is-selected{background:#eef3f8!important}.canvas-asset-row.is-selected{box-shadow:inset 2px 0 #2f80ed}.canvas-asset-row-copy{flex:1;gap:2px;min-width:0;display:grid}.canvas-asset-row-copy strong,.canvas-asset-library article strong{color:#303846;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-asset-row-copy small{color:#8a96a6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canvas-asset-library article>button{flex:none;width:28px;height:28px}.canvas-asset-thumb{color:#5f6b7b;background:#e9eef5;border-radius:7px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.canvas-asset-thumb img,.canvas-asset-thumb video{object-fit:cover;width:100%;height:100%}.canvas-asset-thumb span{font-weight:700}.canvas-asset-empty{color:#a2adbb;text-align:center;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.canvas-asset-empty strong{color:#4b5666;font-size:13px}.canvas-asset-empty span{max-width:200px;font-size:11px;line-height:1.55}.canvas-groups-layer{pointer-events:none;position:absolute;inset:0}.canvas-add-menu{z-index:160;color:#f5f5f5;background:#262626;border:1px solid #ffffff14;border-radius:14px;width:196px;padding:14px 10px 10px;position:fixed;box-shadow:0 24px 70px #00000057}.canvas-add-menu-title{color:#a8a8a8;padding:0 8px 10px;font-size:13px}.canvas-add-menu button{color:#f5f5f5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:0 8px;display:flex}.canvas-add-menu button:hover{background:#ffffff14}.canvas-node-palette{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #cbd4e2e6;border-radius:8px;flex-wrap:wrap;gap:8px;max-width:min(720px,100% - 28px);padding:8px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 14px 36px #475b801f}.canvas-node-palette button{color:#384050;background:#f8fafc;border:1px solid #dde5ee;border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.canvas-node-palette button:hover{background:#fff;border-color:#cbd4e2}.node-play-indicator{color:#fff;background:#111827b8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workflow-node-body{gap:7px;padding:13px 14px 15px;display:grid}.workflow-node-body span{color:#0f766e;background:#14b8a61a;border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700}.workflow-node-body strong{color:var(--text);font-size:15px}.workflow-node-body p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.react-flow__handle{background:var(--teal);border:2px solid #fff;width:10px;height:10px}.dynamic-handle-zone{z-index:16;width:44px;height:88px;position:absolute;top:50%;transform:translateY(-50%)}.dynamic-handle-zone-left{border-radius:44px 0 0 44px;left:-44px}.dynamic-handle-zone-right{border-radius:0 44px 44px 0;right:-44px}.dynamic-handle-zone.is-disabled{pointer-events:none}.dynamic-node-handle.react-flow__handle{opacity:0;pointer-events:none;width:14px;height:14px;transition:opacity .12s,box-shadow .12s;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #14b8a600}.dynamic-node-handle.react-flow__handle.is-visible{opacity:1;pointer-events:auto;box-shadow:0 0 0 4px #14b8a629}
.canvas-groups-layer{z-index:90}.canvas-group-frame{pointer-events:none;position:absolute}.canvas-group-outline,.canvas-draft-frame{border:1px dashed var(--group-color,#2f80edb8);border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff75}.canvas-group-outline{background:0 0}.canvas-group-frame.is-selected .canvas-group-outline{border-color:var(--group-color,#2f80ed);box-shadow:0 0 0 2px color-mix(in srgb, var(--group-color,#2f80ed) 18%, transparent), inset 0 0 0 1px #ffffff80}.canvas-group-frame-group .canvas-group-outline{border-style:solid;border-width:2px}.canvas-group-title{color:#5b6472;pointer-events:none;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex;position:absolute;top:-24px;left:0}.canvas-group-title span{background:var(--group-color,#d9d9d9);border-radius:50%;width:8px;height:8px}.canvas-draft-frame{z-index:145;background:color-mix(in srgb, var(--group-color,#2f80ed) 8%, transparent);pointer-events:none}.canvas-group-drag-edge{z-index:3;cursor:move;pointer-events:auto;background:0 0;border:0;height:16px;padding:0;position:absolute;top:-8px;left:0;right:0}.canvas-group-connect-handle{z-index:4;cursor:grab;pointer-events:auto;background:#2f80ed;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:calc(50% - 7px);right:-7px;box-shadow:0 5px 16px #2f80ed57}.canvas-group-connect-handle:hover{background:#1d67c9;transform:scale(1.12)}.canvas-group-connect-handle:active{cursor:grabbing}.canvas-group-corner-resize{z-index:4;background:var(--group-color,#d9d9d9);pointer-events:auto;border:2px solid #d8d8d8;border-radius:3px;width:12px;height:12px;position:absolute;box-shadow:0 5px 16px #0003}.canvas-group-corner-resize-nw{cursor:nwse-resize;top:-6px;left:-6px}.canvas-group-corner-resize-ne{cursor:nesw-resize;top:-6px;right:-6px}.canvas-group-corner-resize-se{cursor:nwse-resize;bottom:-6px;right:-6px}.canvas-group-corner-resize-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.canvas-group-connection-draft{z-index:135;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-group-connection-draft path{fill:none;stroke:#2f80ed;stroke-dasharray:7 7;stroke-linecap:round;stroke-width:2.5px;filter:drop-shadow(0 4px 10px #2f80ed33)}.canvas-group-connection-draft path.is-targeting{stroke-dasharray:none;stroke-width:3px}.canvas-group-connection-draft circle{fill:#fff;stroke:#2f80ed;stroke-width:2px}.canvas-group-connection-draft circle.is-targeting{fill:#2f80ed}.react-flow__node-groupBackground,.canvas-group-background-node{pointer-events:none!important}.canvas-group-backdrop{background:color-mix(in srgb, var(--group-color,#2f80ed) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--group-color,#2f80ed) 22%, transparent);border-radius:8px}.canvas-group-backdrop-group{background:color-mix(in srgb, var(--group-color,#2f80ed) 14%, transparent)}.canvas-group-backdrop.is-selected{background:color-mix(in srgb, var(--group-color,#2f80ed) 18%, transparent)}.canvas-group-toolbar{z-index:5;color:#f5f5f5;pointer-events:auto;background:#252525;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 10px;display:flex;position:absolute;top:-50px;left:0;box-shadow:0 18px 48px #00000047}.canvas-group-toolbar button{color:#f5f5f5;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:13px;font-weight:650;display:inline-flex}.canvas-group-toolbar button:hover{background:#ffffff1a}.canvas-group-icon-button{justify-content:center;width:30px;padding:0}.canvas-group-icon-button.danger{color:#fecaca}.canvas-group-toolbar-divider{background:#ffffff1f;width:1px;height:24px}.canvas-group-toolbar-menu-wrap{display:grid;position:relative}.canvas-group-color-button{justify-content:center;width:32px;padding:0}.canvas-group-color-button span{border:1px solid #ffffff8f;border-radius:50%;width:22px;height:22px}.canvas-group-color-menu{background:#2b2b2b;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:repeat(3,24px);gap:8px;padding:9px;display:grid;position:absolute;bottom:40px;left:-4px;box-shadow:0 18px 48px #0000004d}.canvas-group-color-menu button{border:2px solid #0000;border-radius:50%;width:24px;min-width:0;height:24px;padding:0}.canvas-group-color-menu button.is-active{border-color:#fff}.canvas-group-layout-menu{background:#2b2b2b;border:1px solid #ffffff14;border-radius:10px;gap:4px;width:124px;padding:8px;display:grid;position:absolute;bottom:40px;left:-2px;box-shadow:0 18px 48px #0000004d}.canvas-group-layout-menu button{justify-content:flex-start;width:100%;height:34px;padding:0 8px}.react-flow{z-index:20;background:0 0;position:relative}.react-flow__edge-path{stroke:#7f8da3;stroke-width:2px}.react-flow__edge.selected .react-flow__edge-path{stroke:#2f80ed;stroke-width:3px}.react-flow__edge-path.canvas-derived-edge{stroke:#8b929c;stroke-width:1.5px;stroke-dasharray:5 5;opacity:.72}.react-flow__edge.selected .react-flow__edge-path.canvas-derived-edge{stroke:#70aef6;stroke-width:2px;opacity:1}.canvas-edge-cut-button{z-index:30;color:#f5f5f5;pointer-events:all;background:#242424;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;box-shadow:0 8px 20px #00000057}.canvas-edge-cut-button:hover{color:#ffb0b0;background:#352525;border-color:#ff8d8d}.react-flow__edge-textbg,.react-flow__edge-text{display:none}
.media-node{width:var(--media-node-width,274px);cursor:grab;background:#fff;border:1px solid #dfe5ee;border-radius:10px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:visible;box-shadow:0 18px 45px #475b8029}.media-node:active{cursor:grabbing}.media-node.is-selected{border-color:#2f80ed;box-shadow:0 22px 60px #2f80ed38}.media-node-generation{color:#d7d7d7;background:#262626;border-color:#343434;box-shadow:0 18px 45px #00000038}.media-node-generation.is-selected{border-color:#a7a7a7;box-shadow:0 0 0 1px #ffffff3d,0 24px 64px #00000059}.media-node-content{box-shadow:none;background:0 0;border-color:#0000;border-radius:9px}.media-node-content.is-selected{box-shadow:none;border-color:#0000}.media-node-header{-webkit-user-select:none;user-select:none;border-bottom:1px solid #eef2f7;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.media-node-title-block,.media-node-title-row{min-width:0}.media-node-title-row{align-items:center;gap:4px;display:flex}.media-node-title-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.media-node-header-action{color:#788596;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;padding:0;display:inline-grid}.media-node-header-action:hover{color:#1f2937;background:#7f8da324}.media-node-title-input{width:100%;min-width:70px;height:24px;color:inherit;font:inherit;background:#ffffffeb;border:1px solid #2f80ed;border-radius:5px;outline:none;padding:0 6px;font-weight:700}.media-node-generation .media-node-title-input{color:#ededed;background:#303030;border-color:#929292}.media-node-generation .media-node-header-action{color:#929292}.media-node-generation .media-node-header-action:hover{color:#fff;background:#ffffff1a}.media-node-drag-affordance{color:#9aa4b2;place-items:center;margin-left:auto;display:inline-grid}.media-node-generation .media-node-header{border-bottom:0;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;padding:0 0 8px;position:absolute;top:-28px;left:0;right:0}.media-node-content .media-node-header{border-bottom:0;grid-template-columns:18px minmax(0,1fr) auto auto;gap:6px;padding:0 1px 8px;position:absolute;top:-29px;left:0;right:0}.media-node-resolution{color:#7d8590;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.media-node-icon{color:#263041;background:#eef2f7;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.media-node-text .media-node-icon{color:#374151;background:#eef2f7}.media-node-image .media-node-icon{color:#0f766e;background:#14b8a61f}.media-node-video .media-node-icon{color:#315aa5;background:#4d7cfe1f}.media-node-generation .media-node-icon{color:#a7a7a7;background:0 0;border-radius:0;width:18px;height:18px}.media-node-content .media-node-icon{color:#657184;background:0 0;border-radius:0;width:18px;height:18px}.media-node-audio .media-node-icon{color:#9a5b11;background:#f59e0b26}.media-node-upload .media-node-icon{color:#6b5b10;background:#eab30829}.media-node-header strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.media-node-generation .media-node-header strong{color:#a7a7a7;font-size:16px;font-weight:650}.media-node-content .media-node-header strong{color:#4f5969;font-size:16px;font-weight:650}.media-node-generation .media-node-header small,.media-node-generation .node-status,.media-node-content .media-node-header small,.media-node-content .media-node-drag-affordance,.media-node-content .node-status-done,.media-node-content .node-status-ready{display:none}.media-node-header small{color:var(--subtle);margin-top:2px;font-size:11px;display:block}.node-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.node-status-idle{color:#596273;background:#eef2f7}.node-status-ready{color:#0f766e;background:#14b8a61f}.node-status-placeholder{color:#8a5f00;background:#f59e0b24}.node-status-running{color:#315aa5;background:#4d7cfe1f}.node-status-done{color:#166534;background:#22c55e21}.node-status-error{color:#b91c1c;background:#ef44441f}.media-node-preview{height:var(--media-preview-height,146px);color:var(--subtle);background:#e7edf5;place-items:center;display:grid;position:relative;overflow:hidden}.media-node-preview-content{place-items:center;width:100%;height:100%;transition:filter .18s,transform .18s;display:grid}.media-node-preview.is-processing .media-node-preview-content{filter:blur(7px)brightness(.48)saturate(.72);transform:scale(1.025)}.media-node-processing-overlay{z-index:4;color:#fff;text-align:center;pointer-events:none;background:#11141b38;align-content:center;justify-items:center;gap:7px;padding:18px;display:grid;position:absolute;inset:0}.media-node-processing-overlay svg{animation:.9s linear infinite media-node-processing-spin}.media-node-processing-overlay strong{font-size:13px;font-weight:700}.media-node-processing-overlay small{color:#ffffffb3;font-size:11px}.media-node-cancel-generation{color:#fff;cursor:pointer;pointer-events:auto;background:#14171da8;border:1px solid #ffffff4d;border-radius:8px;min-width:64px;height:30px;margin-top:4px;padding:0 14px;font-size:12px;font-weight:650}.media-node-cancel-generation:hover{background:#14171df0}.media-node-failure-overlay{z-index:4;color:#fff;text-align:center;pointer-events:none;background:linear-gradient(145deg,#45181cf0,#1c1418f5);align-content:center;justify-items:center;gap:7px;padding:20px;display:grid;position:absolute;inset:0}.media-node-failure-overlay svg{color:#ff9e9e}.media-node-failure-overlay strong{font-size:14px}.media-node-failure-overlay span{color:#ffffffc7;max-width:360px;font-size:11px;line-height:1.55}@keyframes media-node-processing-spin{to{transform:rotate(360deg)}}.media-node-generation .media-node-preview{height:var(--media-preview-height,166px);color:#666;background:0 0}.media-node-content .media-node-preview{background:0 0;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px #4e5b6f2e,0 12px 30px #475b801f}.media-node-content.is-selected .media-node-preview{box-shadow:0 0 0 2px #2f80ed,0 16px 38px #2f80ed33}.media-node-preview img,.media-node-preview video{object-fit:contain;width:100%;height:100%}.media-node-preview img{background:#f3f5f8}.media-node-content .media-node-preview img{background:0 0}.media-node-preview:fullscreen{background:#050505;border-radius:0;place-items:center;width:100vw;height:100vh;display:grid}.media-node-preview:fullscreen img{object-fit:contain;background:#050505;width:100vw;height:100vh}.node-image-processing-toolbar{z-index:30;color:#e9eaec;white-space:nowrap;background:#222325f7;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:4px;min-height:46px;padding:5px 7px;display:flex;position:absolute;bottom:calc(100% + 42px);left:50%;transform:translate(-50%);box-shadow:0 16px 42px #00000057}.node-image-processing-toolbar>button,.node-image-processing-toolbar>select{height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12px}.node-image-processing-toolbar>button{align-items:center;gap:5px;display:inline-flex}.node-image-processing-toolbar>button:hover,.node-image-processing-toolbar>select:hover{background:#ffffff17}.node-image-processing-toolbar>select{outline:none;min-width:108px}.node-image-processing-toolbar>select option{color:#eceef0;background:#292a2c}.node-image-processing-toolbar>button.is-placeholder{color:#b6b8bc}.node-image-processing-toolbar>button.is-icon{justify-content:center;width:34px;padding:0}.node-image-processing-toolbar>button.is-confirm{color:#161719;background:#f5f6f7;padding:0 15px;font-weight:700}.node-image-processing-toolbar>button.is-confirm:hover{background:#fff}.node-image-processing-toolbar>button:disabled{cursor:wait;opacity:.62}.node-image-processing-toolbar.is-cropping{border-radius:11px;gap:2px;min-height:40px;padding:4px 5px}.node-image-processing-toolbar.is-cropping>button,.node-image-processing-toolbar.is-cropping>select{border-radius:7px;height:30px}.node-image-processing-toolbar.is-cropping>select{min-width:96px;padding:0 8px}.node-image-toolbar-divider{background:#ffffff24;width:1px;height:22px;margin:0 2px}.node-image-crop-overlay{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;position:absolute;inset:0;overflow:hidden}.node-image-crop-selection{z-index:2;box-sizing:border-box;cursor:move;touch-action:none;border:1px solid #ffffffeb;position:absolute;box-shadow:0 0 0 9999px #04060a70}.node-image-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff47 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff47 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff47 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff47 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));position:absolute;inset:0}.node-image-crop-handle{z-index:4;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.node-image-crop-handle:before{content:"";position:absolute;inset:-6px}.node-image-crop-handle.is-n,.node-image-crop-handle.is-s{cursor:ns-resize;height:14px;left:14px;right:14px}.node-image-crop-handle.is-n{top:-8px}.node-image-crop-handle.is-s{bottom:-8px}.node-image-crop-handle.is-e,.node-image-crop-handle.is-w{cursor:ew-resize;width:14px;top:14px;bottom:14px}.node-image-crop-handle.is-e{right:-8px}.node-image-crop-handle.is-w{left:-8px}.node-image-crop-handle.is-n:after,.node-image-crop-handle.is-s:after,.node-image-crop-handle.is-e:after,.node-image-crop-handle.is-w:after{content:"";background:#fffffff5;border-radius:999px;position:absolute;box-shadow:0 1px 3px #00000047}.node-image-crop-handle.is-n:after,.node-image-crop-handle.is-s:after{width:12px;height:2px;top:6px;left:50%;transform:translate(-50%)}.node-image-crop-handle.is-e:after,.node-image-crop-handle.is-w:after{width:2px;height:12px;top:50%;left:6px;transform:translateY(-50%)}.node-image-crop-handle.is-nw,.node-image-crop-handle.is-ne,.node-image-crop-handle.is-se,.node-image-crop-handle.is-sw{filter:drop-shadow(0 1px 2px #00000057);background:0 0;border:1px solid #fffffffa;width:9px;height:9px}.node-image-crop-handle.is-nw{cursor:nwse-resize;border-bottom:0;border-right:0;top:-1px;left:-1px}.node-image-crop-handle.is-ne{cursor:nesw-resize;border-bottom:0;border-left:0;top:-1px;right:-1px}.node-image-crop-handle.is-se{cursor:nwse-resize;border-top:0;border-left:0;bottom:-1px;right:-1px}.node-image-crop-handle.is-sw{cursor:nesw-resize;border-top:0;border-right:0;bottom:-1px;left:-1px}.media-node-content.is-selected:has(.node-image-crop-overlay) .media-node-preview{box-shadow:0 0 0 1px #4e5b6f33,0 14px 34px #0f172a29}.media-node-content .media-node-preview.is-processing .media-node-preview-content{filter:brightness(.58)saturate(.78);transform:none}.media-node.has-multiple-results:not(.is-results-expanded):before,.media-node.has-multiple-results:not(.is-results-expanded):after{content:"";z-index:-1;background:#222;border:1px solid #454545;border-radius:0 0 10px 10px;height:22px;position:absolute;bottom:-7px;left:7px;right:-7px;transform:rotate(-1deg)}.media-node.has-multiple-results:not(.is-results-expanded):after{z-index:-2;opacity:.72;bottom:-11px;left:13px;right:-11px;transform:rotate(1.4deg)}.multi-image-primary-preview,.multi-image-expanded-grid{width:100%;height:100%;position:relative}.multi-image-primary-preview{background:#171717;place-items:center;display:grid;overflow:hidden}.media-node-preview .multi-image-primary-preview img,.media-node-preview .multi-image-result-card img{object-fit:contain;background:#181818;width:100%;min-width:0;height:100%;min-height:0}.multi-image-count-button,.multi-image-result-actions button{color:#f4f4f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0fd1;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.multi-image-count-button{z-index:3;position:absolute;top:7px;right:7px}.multi-image-count-button:hover,.multi-image-result-actions button:hover{background:#1c1c1cf2;border-color:#ffffff57}.multi-image-expanded-grid{grid-template-columns:repeat(var(--multi-image-columns,2), minmax(0, 1fr));background:#171717;gap:8px;padding:0;display:grid}.multi-image-result-card{background:#202020;border:1px solid #0000;border-radius:8px;min-width:0;position:relative;overflow:hidden}.multi-image-result-card.is-primary{border-color:#5bb2ffe6;box-shadow:0 0 0 1px #5bb2ff3d}.multi-image-result-actions{opacity:0;gap:5px;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:7px;right:7px;transform:translateY(-3px)}.multi-image-result-card:hover .multi-image-result-actions,.multi-image-result-card:focus-within .multi-image-result-actions,.multi-image-result-card.is-primary .multi-image-result-actions{opacity:1;transform:translateY(0)}.multi-image-result-actions button.is-primary{color:#d9f0ff;background:#13537ee0;border-color:#5bb2ff80}.media-node-preview video{cursor:grab;object-fit:contain;pointer-events:none;background:#050505}.media-node:active .media-node-preview video{cursor:grabbing}.node-video-preview{background:#050505;width:100%;height:100%;position:relative;overflow:hidden}.node-video-poster{z-index:2;opacity:0;object-fit:contain;pointer-events:none;background:#050505;width:100%;height:100%;transition:opacity 0s linear .18s;position:absolute;inset:0}.canvas-flow-panel.is-viewport-operating .node-video-poster,.shared-canvas-preview-stage.is-viewport-operating .node-video-poster{opacity:1;transition-delay:0s}.node-video-preview:fullscreen{background:#000;place-items:center;display:grid}.node-video-preview:fullscreen video{width:100vw;height:100vh}.node-video-controls{z-index:3;color:#fff;pointer-events:auto;background:linear-gradient(#0000,#000000c7);align-items:center;gap:7px;padding:24px 9px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.node-video-fullscreen-button{z-index:4;opacity:.82;pointer-events:auto;position:absolute;top:8px;right:8px}.node-video-preview:hover .node-video-fullscreen-button,.node-video-fullscreen-button:focus-visible{opacity:1}.node-video-control-button{color:#fff;cursor:pointer;background:#0c0e1294;border:0;border-radius:999px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.node-video-control-button:hover{background:#0c0e12f0;transform:scale(1.04)}.node-video-control-button:disabled{opacity:.58;cursor:wait}.node-video-control-button:disabled svg{animation:.9s linear infinite node-video-control-spin}@keyframes node-video-control-spin{to{transform:rotate(360deg)}}.node-video-control-button:focus-visible,.node-video-progress:focus-visible{outline-offset:2px;outline:2px solid #65a8ff}.node-video-progress{accent-color:#fff;cursor:pointer;flex:auto;min-width:48px;height:16px;margin:0}.node-video-time{color:#ffffffe0;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:10px}.node-video-frame-control{flex:none;display:flex;position:relative}.node-video-frame-menu{z-index:6;visibility:hidden;opacity:0;background:#141619f5;border:1px solid #ffffff29;border-radius:9px;width:112px;padding:5px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;transform:translateY(4px);box-shadow:0 12px 30px #00000061}.node-video-frame-control:hover .node-video-frame-menu,.node-video-frame-control:focus-within .node-video-frame-menu{visibility:visible;opacity:1;transform:translateY(0)}.node-video-frame-menu button{color:#f1f1f1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:31px;padding:0 9px;font-size:12px}.node-video-frame-menu button:hover,.node-video-frame-menu button:focus-visible{background:#ffffff1a;outline:none}.node-empty-preview{color:#687080;justify-items:center;gap:8px;font-size:13px;font-weight:650;display:grid}.node-generation-preview{align-content:center;justify-items:center;gap:20px;width:100%;height:100%;padding:16px;display:grid}.node-generation-preview-video{gap:10px}.node-generation-mark{color:#666;place-items:center;min-height:46px;display:grid}.node-generation-suggestions{color:#8d8d8d;justify-self:start;gap:6px;font-size:11px;display:grid}.node-generation-suggestions button{color:#f4f4f5;text-align:left;background:0 0;border:0;padding:0;font-size:11px;font-weight:650}.node-generation-suggestions button:before{content:"+";color:#d7d7d7;margin-right:5px}.upload-preview{color:#8a5f00;background:linear-gradient(135deg,#fff7ed 0%,#f8fafc 100%);align-content:center;width:100%;height:100%}.node-text-preview{color:#384050;background:linear-gradient(#fff 0%,#f2f6fa 100%);align-content:start;gap:10px;width:100%;height:100%;padding:16px;display:grid}.node-text-preview span{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.node-audio-preview.is-empty{color:#9a5b11;background:linear-gradient(135deg,#fff7ed 0%,#eef7f4 100%);place-items:center;width:100%;height:100%;display:grid}.node-audio-player{color:#e5e7eb;cursor:default;background:#26282b;grid-template-rows:minmax(0,1fr) 35px;width:100%;height:100%;padding:8px 9px 5px;display:grid}.node-audio-player audio{display:none}.node-audio-waveform{cursor:grab;-webkit-user-select:none;user-select:none;background:#343638;border-radius:6px;min-width:0;padding:7px 8px;position:relative;overflow:hidden}.node-audio-waveform:active{cursor:grabbing}.node-audio-waveform-bars{justify-content:space-between;align-items:center;gap:2px;width:100%;height:100%;display:flex}.node-audio-waveform-bars i{opacity:.48;background:#74777b;border-radius:999px;flex:2px;width:2px;min-height:3px;transition:opacity .1s linear,background .1s linear}.node-audio-waveform-bars i.is-played{opacity:.86;background:#c5c8cc}.node-audio-trim-selection{z-index:3;pointer-events:none;border:1px solid #fffffff0;border-radius:5px;min-width:8px;position:absolute;top:4px;bottom:4px;box-shadow:0 0 0 999px #0c0d0f7a}.node-audio-trim-handle{cursor:col-resize;pointer-events:auto;touch-action:none;background:0 0;border:0;width:14px;padding:0;position:absolute;top:-1px;bottom:-1px}.node-audio-trim-handle:after{content:"";background:#fff;border-radius:999px;width:3px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #00000080}.node-audio-trim-handle.is-start{left:-7px}.node-audio-trim-handle.is-end{right:-7px}.node-audio-scrubber{z-index:2;cursor:col-resize;touch-action:none;background:0 0;border:0;width:16px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.node-audio-playhead{pointer-events:none;background:#ef4e5d;border-radius:999px;width:2px;position:absolute;top:5px;bottom:5px;left:50%;transform:translate(-1px);box-shadow:0 0 6px #ef4e5d80}.node-audio-controls{color:#d5d7da;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.node-audio-controls>span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.node-audio-controls>button{color:#fff;cursor:pointer;background:#383b3f;border:1px solid #ffffff38;border-radius:50%;grid-column:2;place-items:center;width:25px;height:25px;padding:0;display:grid}.node-audio-controls>button:hover{background:#4a4e53}.node-audio-processing-toolbar{z-index:30;color:#e8e9eb;white-space:nowrap;background:#222325f7;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:3px;min-height:42px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 42px);left:50%;transform:translate(-50%);box-shadow:0 16px 42px #00000057}.node-audio-processing-toolbar>button{height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.node-audio-processing-toolbar>button:hover,.node-audio-processing-toolbar>button.is-active{background:#ffffff1a}.node-audio-processing-toolbar>button.is-placeholder{color:#b8bbc0}.node-audio-processing-toolbar>button.is-icon{width:32px;padding:0}.node-audio-speed-panel{z-index:30;color:#ededee;background:#222325fa;border:1px solid #ffffff1f;border-radius:13px;grid-template-columns:30px auto auto minmax(108px,1fr) auto 76px 38px;align-items:center;gap:8px;width:400px;min-height:48px;padding:6px 7px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 18px 46px #0006}.node-audio-speed-panel>strong{font-size:12px;font-weight:700}.node-audio-speed-panel>small{color:#92969c;font-variant-numeric:tabular-nums;font-size:10px}.node-audio-speed-panel>input[type=range]{accent-color:#4cc6e6;cursor:ew-resize;width:100%;min-width:0;margin:0}.node-audio-speed-close,.node-audio-speed-confirm{color:#e9eaec;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.node-audio-speed-close:hover{background:#ffffff17}.node-audio-speed-value{background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;align-items:center;height:32px;padding:0 7px;display:flex}.node-audio-speed-value input{color:#f2f3f4;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:48px;padding:0;font-size:12px}.node-audio-speed-value span{color:#a9acb1;font-size:11px}.node-audio-speed-confirm{color:#17191c;background:#f5f6f7;border-radius:10px;width:36px;height:36px}.node-audio-speed-confirm:hover{background:#fff}.node-audio-speed-confirm:disabled{cursor:wait;opacity:.62}.node-audio-speed-confirm:disabled svg{animation:.9s linear infinite node-video-control-spin}.node-audio-trim-panel{z-index:30;color:#ededee;background:#222325fa;border:1px solid #ffffff1f;border-radius:13px;grid-template-columns:32px auto 1fr auto;align-items:center;gap:10px;width:360px;min-height:48px;padding:6px 7px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 18px 46px #0006}.node-audio-trim-panel>strong{font-size:12px;font-weight:700}.node-audio-trim-close{color:#e9eaec;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.node-audio-trim-close:hover{background:#ffffff17}.node-audio-trim-time{color:#ededee;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff17;border-radius:8px;justify-self:end;padding:7px 10px;font-size:11px}.node-audio-trim-confirm{color:#191b1e;cursor:pointer;background:#f5f6f7;border:0;border-radius:9px;min-width:54px;height:34px;padding:0 14px;font-size:12px;font-weight:700}.node-audio-trim-confirm:hover{background:#fff}.node-audio-trim-confirm:disabled{cursor:wait;opacity:.62}.node-audio-trim-confirm:disabled svg{animation:.9s linear infinite node-video-control-spin}.media-node-body{gap:10px;padding:12px;display:grid}.media-node-generation .media-node-body{padding:0 16px 16px}.media-node-generation .media-node-body p,.media-node-generation .media-node-meta,.media-node-content .media-node-body{display:none}.generation-composer{z-index:20;color:#e5e5e5;cursor:default;background:#262626;border:1px solid #3a3a3a;border-radius:12px;width:min(660px,100vw - 96px);min-height:206px;padding:12px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000061}.generation-ratio-popover{z-index:25;cursor:default;background:#282828;border:1px solid #434343;border-radius:14px;gap:14px;width:342px;padding:14px;display:grid;position:absolute;bottom:50px;left:124px;box-shadow:0 24px 70px #0000006b}.generation-composer button,.generation-composer select,.generation-ratio-popover button,.generation-ratio-popover select{cursor:pointer}.generation-composer textarea,.generation-composer input:not([type=range]),.generation-ratio-popover input:not([type=range]){cursor:text}.generation-ratio-popover.is-video{width:404px}.generation-ratio-section{gap:10px;display:grid}.generation-ratio-section>span{color:#a8a8a8;font-size:13px;font-weight:650}.generation-resolution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.generation-aspect-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.generation-resolution-grid button,.generation-aspect-grid button,.generation-count-grid button{color:#b9b9b9;background:#2c2c2c;border:1px solid #555;border-radius:8px;place-items:center;min-width:0;height:34px;padding:0 8px;font-size:13px;font-weight:650;display:grid}.generation-aspect-grid button{gap:6px;height:62px}.generation-resolution-grid button.is-active,.generation-aspect-grid button.is-active,.generation-count-grid button.is-active{color:#fff;background:#373737;border-color:#dadada}.generation-count-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.generation-aspect-grid i{border:1.5px solid;border-radius:2px;width:18px;height:12px;display:block}.generation-aspect-grid button:nth-child(2) i{width:13px;height:13px}.generation-aspect-grid button:nth-child(3) i,.generation-aspect-grid button:nth-child(5) i,.generation-aspect-grid button:nth-child(8) i,.generation-aspect-grid button:nth-child(10) i{width:11px;height:18px}.generation-aspect-grid button:nth-child(11) i{width:22px;height:9px}.generation-composer-video{width:min(664px,100vw - 96px);min-height:240px}.generation-composer.is-expanded{pointer-events:auto;align-content:start;width:min(900px,100vw - 48px);min-height:min(430px,100vh - 120px);position:relative;top:auto;left:auto;transform:none}.generation-composer-video.is-expanded{min-height:min(470px,100vh - 120px)}.generation-composer.is-expanded .generation-prompt-editor{min-height:min(250px,100vh - 280px);max-height:min(420px,100vh - 230px)}.generation-composer-expanded-shell{z-index:1200;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:76px 24px 24px}.generation-expand-button{color:#a7a7a7;background:0 0;border:0;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;top:12px;right:12px}.generation-tabs,.generation-region-tabs{flex-wrap:wrap;gap:8px;padding-right:42px;display:flex}.generation-tabs button,.generation-region-tabs button,.generation-bottom-row button{color:#d8d8d8;background:#2a2a2a;border:1px solid #484848;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.generation-model-picker{min-width:0;position:relative}.generation-bottom-row .generation-model-trigger{border-radius:9px;justify-content:flex-start;max-width:190px;padding:0 8px}.generation-model-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generation-model-trigger>svg{color:#93979e;flex:none;transition:transform .14s}.generation-model-trigger.is-open>svg{transform:rotate(180deg)}.generation-model-menu{z-index:40;cursor:default;background:#282a2d;border:1px solid #43464b;border-radius:12px;gap:3px;width:max-content;min-width:210px;max-width:280px;max-height:280px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 46px #0000006b}.generation-bottom-row .generation-model-option{color:#d8dade;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;width:100%;min-height:34px;padding:0 10px}.generation-bottom-row .generation-model-option:hover,.generation-bottom-row .generation-model-option.is-selected{color:#fff;background:#393c41}.generation-model-option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generation-model-option>svg{color:#dfe3e8;flex:none}.generation-tabs button,.generation-region-tabs button{height:30px}.generation-tabs button.is-active,.generation-region-tabs button.is-active{color:#fff;background:#343434;border-color:#777}.generation-tabs button:disabled,.generation-region-tabs button:disabled{color:#6d6d6d;background:#292929}.generation-region-tabs{margin-bottom:8px}.generation-region-tabs button{cursor:pointer;min-width:52px}.generation-mode-hint{color:#aaa;margin:8px 0;font-size:12px}.generation-reference-tray{align-items:center;gap:8px;min-height:64px;padding:9px 0 2px;display:flex;overflow-x:auto}.generation-reference-item{color:#b9b9b9;background:#303030;border:1px solid #4c4c4c;border-radius:8px;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;overflow:hidden}.generation-reference-item>span{z-index:2;color:#fff;background:#000000b8;border-radius:5px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:750;display:grid;position:absolute;top:2px;left:2px}.generation-reference-item img,.generation-reference-item video{object-fit:cover;width:100%;height:100%}.generation-reference-remove{z-index:3;color:#fff;cursor:pointer;background:#0f0f0fc7;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:17px;height:17px;padding:0;transition:background .12s;display:grid;position:absolute;top:2px;right:2px}.generation-reference-remove:hover{background:#be2a2aeb}.generation-reference-hover-preview{z-index:1400;color:#ddd;pointer-events:none;background:#171717;border:1px solid #555;border-radius:12px;place-items:center;width:320px;min-height:132px;max-height:240px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 48px #0000007a}.generation-reference-hover-preview img,.generation-reference-hover-preview video{object-fit:contain;width:100%;max-height:240px;display:block}.generation-reference-hover-preview>span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000000ad;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font-size:10px;position:absolute;top:8px;left:8px;overflow:hidden}.generation-prompt-field{min-width:0;position:relative}.generation-prompt-editor{color:#f2f2f2;width:100%;min-height:72px;max-height:220px;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;scrollbar-color:#686868 transparent;scrollbar-width:thin;background:0 0;border:0;outline:none;padding:14px 42px 8px 2px;line-height:1.5;overflow-y:auto}.generation-prompt-editor:empty:before{color:#a0a0a0;content:attr(data-placeholder);pointer-events:none}.generation-prompt-editor::-webkit-scrollbar{width:7px}.generation-prompt-editor::-webkit-scrollbar-thumb{background:#686868;border-radius:999px}.generation-mention-trigger{z-index:3;color:#e5e5e5;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid;position:absolute;bottom:8px;right:4px}.generation-mention-trigger:hover,.generation-mention-trigger[aria-expanded=true]{background:#ffffff17}.generation-prompt-mention{color:#dce3e7;vertical-align:middle;white-space:nowrap;cursor:default;-webkit-user-select:all;user-select:all;background:#343a3e;border:1px solid #50565a;border-radius:7px;align-items:center;gap:5px;max-width:160px;height:25px;margin:0 2px;padding:2px 6px 2px 2px;display:inline-flex;overflow:hidden}.generation-prompt-mention:hover{background:#3b4347;border-color:#747d82}.generation-prompt-mention-thumb{color:#cbd4d8;background:#4a5257;border-radius:4px;flex:0 0 19px;place-items:center;width:19px;height:19px;font-size:12px;display:grid;overflow:hidden}.generation-prompt-mention-thumb img,.generation-prompt-mention-thumb video{object-fit:cover;width:100%;height:100%;display:block}.generation-prompt-mention-label{text-overflow:ellipsis;font-size:11px;line-height:1;overflow:hidden}.generation-mention-menu{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#262626fa;border:1px solid #4b4b4b;border-radius:12px;width:min(310px,100% - 38px);max-height:300px;padding:8px;position:absolute;bottom:8px;left:0;overflow-y:auto;box-shadow:0 18px 48px #0000006b}.generation-mention-heading{color:#999;padding:6px 8px;font-size:11px}.generation-mention-menu>button{color:#ddd;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 8px;display:grid}.generation-mention-menu>button:hover,.generation-mention-menu>button.is-active{background:#ffffff14}.generation-mention-menu>button>span:last-child{color:#929292;font-size:11px}.generation-mention-menu-thumb{color:#bbb;background:#333;border:1px solid #4d4d4d;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.generation-mention-menu-thumb img,.generation-mention-menu-thumb video{object-fit:cover;width:100%;height:100%;display:block}.generation-mention-menu-copy{min-width:0}.generation-mention-menu-copy strong,.generation-mention-menu-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.generation-mention-menu-copy strong{font-size:12px}.generation-mention-menu-copy small{color:#999;margin-top:3px;font-size:10px}.generation-mention-empty{color:#999;text-align:center;padding:18px 12px;font-size:11px;line-height:1.6}.generation-mention-hover-preview{z-index:1400;color:#ddd;pointer-events:none;background:#171717;border:1px solid #555;border-radius:12px;place-items:center;width:280px;min-height:116px;max-height:210px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 48px #0000007a}.generation-mention-hover-preview img,.generation-mention-hover-preview video{object-fit:contain;width:100%;max-height:210px;display:block}.generation-mention-hover-preview>span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000000ad;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font-size:10px;position:absolute;top:8px;left:8px;overflow:hidden}.generation-bottom-row{flex-wrap:wrap;align-self:end;align-items:center;gap:8px;display:flex}.generation-bottom-row button{background:0 0;border-color:#0000;min-height:30px;padding:0 6px}.generation-bottom-row button:hover,.generation-expand-button:hover{background:#ffffff14}.generation-bottom-spacer{flex:auto}.generation-cost{color:#8b8b8b;font-size:13px;font-weight:650}.generation-bottom-row .generation-submit-button{color:#262626;background:#bdbdbd;border-radius:8px;width:30px;height:30px;min-height:30px;padding:0;font-size:18px;font-weight:800}.generation-bottom-row .generation-submit-button:disabled{cursor:not-allowed;color:#6f6f6f;background:#454545}.generation-error{color:#ff9c9c;margin-top:-4px;font-size:12px;line-height:1.4}.generation-duration-section{grid-template-columns:1fr}.generation-duration-section label,.generation-duration-control{color:#a8a8a8;align-items:center;gap:8px;font-size:13px;font-style:normal;display:flex}.generation-duration-control{align-items:stretch;gap:10px;display:grid}.generation-duration-control>span{color:#7f858d;font-size:12px;font-weight:600}.generation-duration-control-row{grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:18px;display:grid}.generation-duration-slider-wrap{min-width:0;padding:7px 0 20px;position:relative}.generation-duration-slider-wrap>input[type=range]{appearance:none;background:linear-gradient(90deg, #9da4ad 0 var(--duration-progress), #393d44 var(--duration-progress) 100%);cursor:pointer;border:0;border-radius:999px;outline:none;width:100%;height:5px;padding:0;display:block}.generation-duration-slider-wrap>input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:2px;width:4px;height:18px;box-shadow:0 1px 4px #00000059}.generation-duration-slider-wrap>input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:2px;width:4px;height:18px;box-shadow:0 1px 4px #00000059}.generation-duration-ticks{color:#9a9fa6;font-variant-numeric:tabular-nums;pointer-events:none;height:16px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.generation-duration-ticks span{position:absolute;transform:translate(-50%)}.generation-duration-ticks span:before{content:"";background:#555a62;width:1px;height:4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.generation-duration-ticks span:first-child{transform:none}.generation-duration-ticks span:last-child{transform:translate(-100%)}.generation-duration-section .generation-duration-value{background:#34373d;border:0;border-radius:9px;grid-template-columns:1fr auto;gap:4px;height:36px;padding:0 12px;display:grid}.generation-duration-section .generation-duration-value input{font-variant-numeric:tabular-nums;color:#f2f3f4;cursor:text;background:0 0;border:0;outline:none;width:100%;height:36px;padding:0;font-size:13px;font-weight:700}.generation-duration-section .generation-duration-value input::-webkit-inner-spin-button{appearance:none;margin:0}.generation-duration-section .generation-duration-value input::-webkit-outer-spin-button{appearance:none;margin:0}.generation-duration-section .generation-duration-value em{color:#858b93;font-size:12px;font-weight:600}.generation-duration-section .generation-count-control input,.generation-duration-section .generation-count-control select{color:#ededed;background:#2c2c2c;border:1px solid #555;border-radius:8px;outline:none;width:80px;height:34px;padding:0 9px}.generation-count-control{width:max-content}.generation-duration-section em{font-style:normal}.media-node-body p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.media-node-meta{flex-wrap:wrap;gap:6px;display:flex}.media-node-meta span{color:#596273;background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:650}.media-node.is-readonly .dynamic-handle-zone,.media-node.is-readonly .media-node-drag-affordance{display:none}.media-node.is-readonly .media-node-header,.media-node.is-readonly{cursor:default}.generation-readonly-info-panel{z-index:30;color:#ededed;cursor:default;background:#262626;border:1px solid #3a3a3a;border-radius:14px;gap:12px;width:min(660px,100vw - 96px);min-height:118px;padding:14px 16px 16px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000061}.generation-readonly-reference-tray{align-items:center;gap:8px;min-height:52px;display:flex;overflow-x:auto}.generation-readonly-reference-item{color:#b9b9b9;background:#303030;border:1px solid #4c4c4c;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden}.generation-readonly-reference-item>span{z-index:2;color:#fff;background:#000000b8;border-radius:5px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:750;display:grid;position:absolute;top:2px;left:2px}.generation-readonly-reference-item img,.generation-readonly-reference-item video{object-fit:cover;width:100%;height:100%}.generation-readonly-info-panel>p{color:#f2f2f2;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-height:220px;margin:0;font-size:14px;font-weight:520;line-height:1.65;overflow-y:auto}.generation-readonly-info-panel>p.is-empty{color:#969696;font-weight:450}.readonly-image-expand-button{z-index:8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827bd;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 6px 20px #0000002e}.readonly-image-expand-button:hover{background:#111827e6}.multi-image-primary-preview img.is-previewable,.multi-image-expanded-grid img.is-previewable{cursor:zoom-in}.media-node.is-readonly .multi-image-count-button,.media-node.is-readonly .readonly-image-expand-button{cursor:pointer}.readonly-image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070ae0;place-items:center;padding:54px;display:grid;position:fixed;inset:0}.readonly-image-lightbox>button{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:20px;right:20px}.readonly-image-lightbox>img{object-fit:contain;border-radius:10px;width:auto;max-width:min(92vw,1800px);height:auto;max-height:88vh;box-shadow:0 30px 90px #0000007a}
@media (max-width:1180px){.home-shell,.home-hero,.project-band,.featured-band{padding-left:32px;padding-right:32px}.home-hero,.project-band,.featured-band{margin-left:-32px;margin-right:-32px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.home-shell{padding:16px 20px}.home-hero,.project-band,.featured-band{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.brand-name{font-size:25px}.account-copy,.account-chevron{display:none}.account-button{width:44px;min-width:auto;padding:5px}.hero-stage{height:310px}.hero-card.is-active{width:min(86vw,390px)!important}.hero-copy-active strong{font-size:34px}.project-toolbar,.featured-toolbar,.project-pagination,.project-filters{flex-direction:column;align-items:stretch}.search-field,.select-field{width:100%}.project-grid,.featured-grid{grid-template-columns:1fr}.canvas-topbar{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:12px}.canvas-page{grid-template-rows:auto 1fr}.canvas-share-button{align-self:flex-end}.canvas-share-link-row{grid-template-columns:1fr}.canvas-workspace{grid-template-rows:minmax(420px,1fr);grid-template-columns:1fr}.canvas-flow-panel{border-bottom:0;border-right:0}.canvas-node-palette{flex-wrap:nowrap;max-width:none;left:10px;right:10px;overflow-x:auto}.canvas-node-palette button{flex:none}.canvas-actions{padding-bottom:2px;overflow-x:auto}}