.create-page,.works-page,.canvas-page{scrollbar-color:#3c3d44 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.create-page{background:radial-gradient(at 50% 0,#272130 0,#0000 43%);padding:54px clamp(22px,7vw,110px) 58px}.create-intro{max-width:790px;margin:0 auto 24px}.create-kicker{color:#bda4ef;letter-spacing:.2px;align-items:center;gap:7px;font-size:11px;display:inline-flex}.create-intro h1,.library-heading h1,.canvas-heading h1{color:#f2f0f5;letter-spacing:-.8px;margin:10px 0 6px;font-size:29px;font-weight:650}.create-intro p,.library-heading p,.canvas-heading p{color:#9798a2;margin:0;font-size:12px;line-height:1.7}.quick-card{background:linear-gradient(145deg,#1c1d22,#191a1f);border:1px solid #34333c;border-radius:13px;max-width:790px;margin:0 auto;padding:20px;box-shadow:0 18px 55px #0002}.quick-tabs{border-bottom:1px solid #2e2f35;gap:8px;margin-bottom:18px;padding-bottom:18px;display:flex}.quick-tabs button{color:#a4a5ae;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:11px;display:flex}.quick-tabs button.selected{color:#e1d5f8;background:#30273c;border-color:#58496e}.quick-card>.field-label{color:#dedde3;margin:0 0 8px;font-size:11px;display:block}.quick-prompt{resize:vertical;color:#e4e3e9;background:#15161a;border:1px solid #36373e;border-radius:8px;outline:0;width:100%;min-height:120px;padding:13px;font-size:12px;line-height:1.7}.quick-prompt:focus{border-color:#8b70b6}.quick-prompt::placeholder{color:#747680}.quick-upload{color:#c6afd9;cursor:pointer;background:#1d1a23;border:1px dashed #50435f;border-radius:8px;align-items:center;gap:12px;min-height:68px;margin-top:12px;padding:10px 12px;display:flex}.quick-upload>svg:first-child{margin-left:3px}.quick-upload span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quick-upload b{color:#ded4e9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;overflow:hidden}.quick-upload small{color:#8d8995;font-size:10px}.quick-upload img{object-fit:cover;border-radius:6px;width:48px;height:48px}.quick-upload input{display:none}.quick-options{align-items:center;gap:16px;margin-top:15px;display:flex}.quick-options label{color:#92939d;align-items:center;gap:10px;font-size:10px;display:flex}.quick-options select{color:#d8d5df;background:#1b1c21;border:1px solid #36373e;border-radius:6px;min-width:190px;height:31px;padding:0 8px;font-size:10px}.quick-options .quick-control{color:#9d9ea7;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:105px;font-size:9px;display:flex}.quick-options .quick-model-control{flex:1.5;min-width:210px}.quick-options .quick-control select{width:100%;min-width:0}.quick-options .quick-control select:disabled{color:#777983;opacity:.8}.quick-number-wrap{background:#1b1c21;border:1px solid #36373e;border-radius:6px;align-items:center;width:100%;height:31px;padding:0 8px;display:flex}.quick-number-wrap input{color:#d8d5df;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.quick-number-wrap small{color:#83848d;font-size:9px}.quick-usage{color:#b8a2df;background:#211e27;border:1px solid #34303d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;padding:8px 9px;font-size:9px;display:flex}.quick-usage b{color:#d4c8e6;font-weight:550}.quick-usage small{color:#85818d;margin-left:auto;font-size:8px}.quick-usage .quick-usage-current{color:#aaa2b6;flex-basis:100%;margin-left:19px}.render-cost label{flex-direction:column;gap:5px;min-width:0;display:flex}.render-cost label select{color:#cac8d1;background:#202126;border:1px solid #383940;border-radius:5px;width:100%;height:27px;padding:0 6px;font-size:9px}.render-cost label select:disabled{color:#777983}.render-cost .render-usage{border-top:1px solid #2d2e34;flex-direction:column;grid-column:1/-1;gap:4px;padding-top:7px;display:flex}.render-cost .render-usage b{color:#cbb9e4;font-size:9px;line-height:1.4}.quick-ratio{color:#8c8d96;align-items:center;gap:6px;font-size:10px;display:flex}.quick-submit-row{border-top:1px solid #2e2f35;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;padding-top:16px;display:flex}.quick-submit-row>span{color:#8c8d96;align-items:center;gap:6px;font-size:9px;display:flex}.quick-submit{height:38px;padding:0 13px;font-size:11px}.create-secondary{background:#17181d;border:1px solid #2f3037;border-radius:10px;max-width:790px;margin:13px auto 0;padding:14px 15px}.create-secondary>div{align-items:center;gap:11px;display:flex}.secondary-icon{color:#c8b1f4;background:#30273b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.create-secondary>div>div{flex-direction:column;flex:1;gap:3px;display:flex}.create-secondary>div b{color:#dbdae1;font-size:11px;font-weight:580}.create-secondary>div small{color:#8b8c95;font-size:10px}.create-secondary>.text-link{color:#c2addd;background:0 0;border:0;border-top:1px solid #2a2b31;align-items:center;gap:7px;margin-top:12px;padding:10px 0 0;font-size:10px;display:flex}.create-secondary>.text-link span{color:#7e8089}.recent-work{max-width:790px;margin:27px auto 0}.recent-work .section-heading{margin-bottom:10px}.recent-work-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.recent-work-card{color:#bfc0c8;text-align:left;background:#191a1f;border:1px solid #2e2f36;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.recent-work-card>video,.recent-work-placeholder{object-fit:cover;background:#29252f;border-radius:5px;flex:0 0 42px;width:42px;height:48px}.recent-work-placeholder{color:#ad99d4;place-items:center;display:grid}.recent-work-card>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.recent-work-card b{color:#d7d6dd;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:560;overflow:hidden}.recent-work-card small{color:#8e9099;font-size:9px}.recent-work-card>svg{color:#777984}.library-heading,.canvas-heading{justify-content:space-between;align-items:center;gap:18px;padding:29px 34px 21px;display:flex}.library-heading h1,.canvas-heading h1{margin:7px 0 5px;font-size:24px}.library-heading p,.canvas-heading p{max-width:600px}.library-heading>.primary-button,.canvas-heading-actions>.primary-button{height:35px;padding:0 13px}.works-page{padding-bottom:32px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 34px;display:grid}.work-card{background:#191a1f;border:1px solid #303138;border-radius:10px;min-width:0;overflow:hidden}.work-media{aspect-ratio:9/12;background:#222027;max-height:330px;position:relative;overflow:hidden}.work-media>video{object-fit:contain;background:#090a0c;width:100%;height:100%}.work-status{color:#dedce4;background:#131318d9;border:1px solid #ffffff18;border-radius:20px;padding:4px 7px;font-size:9px;position:absolute;top:9px;left:9px}.work-status.complete{color:#a9dab5}.work-status.processing{color:#efd294}.work-status.draft{color:#bbb0cf}.work-pending{color:#a891d0;background:radial-gradient(at 50% 45%,#363040,#201f25 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.work-pending b{color:#d1cbd8;font-size:11px;font-weight:550}.work-pending button{color:#c3abed;background:0 0;border:0;font-size:10px}.pending-spinner{animation:1s linear infinite spin}.work-card-body{padding:12px}.work-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.work-title-row small{color:#a28bc9;font-size:9px}.work-title-row h2{color:#e5e3ea;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;font-weight:620;overflow:hidden}.work-duration{color:#9b9ca5;border:1px solid #36373e;border-radius:5px;padding:3px 5px;font-size:9px}.work-card-body>p{color:#92939c;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:31px;margin:8px 0 12px;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.work-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.work-actions .outline-button{height:27px;padding:0 7px;font-size:9px}.work-actions .text-link{color:#ad98d3;background:0 0;border:0;padding:3px 5px;font-size:9px}.library-empty{text-align:center;background:radial-gradient(#24212c,#191a1f 70%);border:1px dashed #383941;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin:0 34px;display:flex}.empty-mark{color:#c2a8f2;background:#30273a;border:1px solid #4a3d5a;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.library-empty h2{color:#e0dce6;margin:15px 0 5px;font-size:15px}.library-empty p{color:#92939d;margin:0 0 15px;font-size:11px}.library-storage-note{color:#777983;align-items:center;gap:6px;margin:18px 0 0;padding:0 34px;font-size:9px;display:flex}.canvas-page{flex-direction:column;display:flex;overflow:hidden}.canvas-heading{padding-bottom:16px}.canvas-heading-actions{gap:8px;display:flex}.canvas-tools{color:#868791;background:#15161a;border-top:1px solid #2b2c32;border-bottom:1px solid #2b2c32;justify-content:space-between;align-items:center;gap:12px;padding:8px 34px;font-size:9px;display:flex}.canvas-tools>span,.canvas-tools>div{align-items:center;gap:8px;display:flex}.canvas-tools b{color:#aaaab3;text-align:center;min-width:33px;font-size:9px;font-weight:550}.canvas-tools .icon-button{width:25px;height:25px}.canvas-tools .tiny-link{margin-left:8px}.canvas-viewport{touch-action:none;cursor:grab;background-color:#141519;background-image:radial-gradient(#383940 1px,#0000 1px);background-size:24px 24px;flex:1;min-height:350px;position:relative;overflow:hidden}.canvas-viewport.panning{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.canvas-node{cursor:grab;-webkit-user-select:none;user-select:none;background:#1b1c21;border:1px solid #393840;border-radius:10px;width:280px;transition:box-shadow .15s,border-color .15s;position:absolute;overflow:hidden;box-shadow:0 11px 28px #0005}.canvas-node:hover,.canvas-node.dragging{border-color:#75618f;box-shadow:0 16px 38px #0008}.canvas-node.dragging{z-index:10;cursor:grabbing}.canvas-node-head{color:#999aa4;justify-content:space-between;align-items:center;padding:9px 10px;font-size:9px;display:flex}.canvas-node-head>span:first-child{align-items:center;gap:6px;display:flex}.canvas-node-state{color:#aaa4b8;background:#292630;border-radius:12px;padding:3px 6px;font-size:8px}.canvas-node-state.done{color:#9bd0a8;background:#202b24}.canvas-node-state.busy{color:#e9cb88;background:#30291e}.canvas-node-preview{background:linear-gradient(145deg,#433744,#a37169 52%,#d4aa7a);border-radius:6px;height:148px;margin:0 8px;position:relative;overflow:hidden}.canvas-node-preview>video,.canvas-node-preview>img{object-fit:cover;width:100%;height:100%}.canvas-node-preview>span{color:#fff;background:#101116b9;border-radius:4px;padding:3px 5px;font-size:8px;position:absolute;bottom:7px;right:7px}.canvas-node-art{background:linear-gradient(160deg,#49394b,#b87b66 55%,#e0bb88);position:absolute;inset:0;overflow:hidden}.canvas-node-art .preview-glow{filter:blur(10px);background:radial-gradient(#ffe4b755,#0000 70%);border-radius:50%;position:absolute;inset:5% 8% 20%}.canvas-node-art .preview-figure{clip-path:polygon(28% 0,67% 0,82% 21%,100% 100%,0 100%,17% 24%);background:linear-gradient(90deg,#392b39,#825d61,#322733);border-radius:50% 50% 0 0;height:65%;position:absolute;bottom:0;left:36%;right:29%}.canvas-node-copy{padding:10px 11px 2px}.canvas-node-copy h3{color:#e4e1e9;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:11px;font-weight:600;overflow:hidden}.canvas-node-copy p{color:#9697a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin:0;font-size:9px;line-height:1.55;display:-webkit-box;overflow:hidden}.canvas-node-actions{gap:7px;padding:8px 10px 10px;display:flex}.canvas-node-actions button{color:#c4b7dc;background:#232229;border:1px solid #34353c;border-radius:5px;height:25px;padding:0 8px;font-size:9px}.canvas-start-node{color:#c2a9ef;background:#211e27;border:1px dashed #67547c;border-radius:9px;align-items:center;gap:9px;width:280px;padding:10px;display:flex;position:absolute}.canvas-start-node>span{flex-direction:column;flex:1;gap:3px;display:flex}.canvas-start-node b{color:#ddd4ec;font-size:10px;font-weight:560}.canvas-start-node small{color:#8e8998;font-size:9px}.canvas-start-node button{color:#d7c2fb;background:#352b41;border:1px solid #544368;border-radius:5px;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:9px;display:flex}@media (max-width:1050px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.create-page,.works-page,.canvas-page{min-height:calc(100dvh - 50px);overflow:visible}.create-page{padding:34px 18px 90px}.library-heading,.canvas-heading{padding:22px 17px 16px}.works-grid{padding:0 17px}.library-empty{margin:0 17px}.library-storage-note{padding:0 17px}.canvas-page{min-height:760px;overflow:hidden}.canvas-tools{padding:8px 17px}.canvas-heading-actions .outline-button{display:none}.canvas-viewport{min-height:460px}.recent-work-row{grid-template-columns:1fr}.create-secondary{margin-bottom:20px}}@media (max-width:560px){.create-intro h1{font-size:25px}.quick-card{padding:13px}.quick-options{flex-direction:column;align-items:flex-start;gap:10px}.quick-options .quick-control{width:100%}.quick-options select{min-width:0;max-width:none}.quick-submit-row{flex-direction:column;align-items:flex-start}.quick-submit{width:100%}.quick-usage small{flex-basis:100%;margin-left:19px}.library-heading{align-items:flex-start}.library-heading>.primary-button{height:31px;padding:0 8px;font-size:9px}.works-grid{grid-template-columns:1fr}.work-media{max-height:400px}.canvas-heading{align-items:flex-start}.canvas-heading h1{font-size:21px}.canvas-heading-actions{flex-direction:column}.canvas-heading-actions>.primary-button{height:31px;padding:0 8px;font-size:9px}.canvas-tools{flex-direction:column;align-items:flex-start}.canvas-tools>div{align-self:flex-end}.canvas-viewport{min-height:430px}}.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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}:is(.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}:is(.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{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.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}:is(.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))}:is(.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))}:is(.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))}.workflowWorkspace{color:#e9edf5;background:#141820;outline:0;flex-direction:column;flex:1;min-width:0;min-height:600px;font-size:14px;display:flex;overflow:hidden}.workflowWorkspace button,.workflowWorkspace input,.workflowWorkspace textarea,.workflowWorkspace select{font:inherit}.workflowWorkspace button{color:#d9e2ef;cursor:pointer;background:#242c39;border:1px solid #374151;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 10px;display:inline-flex}.workflowWorkspace button:hover{background:#303b4d;border-color:#737493}.workflowWorkspace button:disabled{opacity:.5;cursor:wait}.workflowWorkspace input,.workflowWorkspace textarea,.workflowWorkspace select{color:#e3e8f1;background:#161c26;border:1px solid #3e4758;border-radius:7px;outline:0;min-width:0;padding:9px 10px}.workflowWorkspace input:focus,.workflowWorkspace textarea:focus,.workflowWorkspace select:focus{border-color:#ae99fc;box-shadow:0 0 0 2px #ae99fc20}.workflowHeader{background:#1c222d;border-bottom:1px solid #303847;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;display:flex}.workflowIdentity{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.workflowEyebrow{color:#a9b2c3;width:100%;font-size:12px}.workflowIdentity input{background:0 0;border-color:#0000;width:100%;max-width:270px;padding:1px 0;font-size:21px;font-weight:600}.workflowSave{color:#93c8ae;align-items:center;gap:5px;font-size:12px;display:flex}.workflowSave.error{color:#f8a7a7}.workflowHeaderActions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.workflowHeaderActions select{max-width:190px;padding:7px}.workflowToolbar{background:#181f2a;border-bottom:1px solid #303847;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;display:flex}.workflowToolbar>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.workflowToolbar button{background:0 0;font-size:13px}.workflowMessage{color:#e4d8ff;background:#302944;justify-content:space-between;align-items:center;gap:10px;padding:9px 20px;font-size:14px;line-height:1.5;display:flex}.workflowMessage button{background:0 0;border:0;flex-shrink:0;min-height:25px;padding:2px}.workflowBody{flex:1;min-height:0;display:flex;overflow:hidden}.workflowFlow{flex:1;min-width:0;min-height:460px;position:relative}.workflowInspector{background:#1b222e;border-left:1px solid #303847;flex-shrink:0;width:300px;padding:19px;overflow-y:auto}.workflowInspectorHeading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.workflowInspectorHeading h2{margin:0;font-size:18px}.workflowInspectorHeading>div{gap:5px;display:flex}.workflowInspectorHeading button{min-width:30px;padding:5px}.workflowInspector label{color:#c8d1df;flex-direction:column;gap:8px;margin-bottom:17px;font-size:14px;display:flex}.workflowInspector textarea{resize:vertical;line-height:1.65}.workflowParams{gap:10px;display:flex}.workflowParams>label{flex:1;min-width:0}.workflowWorkspace .workflowPrimary{color:#11101b;background:#9e83e4;border-color:#b9a2f5;width:100%;min-height:40px;font-weight:600}.workflowWorkspace .workflowPrimary:hover{background:#b098ed}.workflowInspector .workflowUpload{cursor:pointer;background:#252b3d;border:1px dashed #7c79a0;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;min-height:58px;margin-top:12px}.workflowInspectorImage{object-fit:contain;background:#111722;border-radius:7px;width:100%;max-height:240px;margin-bottom:16px;display:block}.workflowUsage{color:#aeb3c2;background:#252d3b;border-radius:6px;padding:10px;font-size:12px;line-height:1.7}.workflowTask{color:#96a2b8;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.workflowReferences{border:1px solid #3b4455;border-radius:8px;margin-bottom:12px;padding:12px}.workflowReferences b{font-size:14px}.workflowReferences>div{align-items:center;gap:10px;margin-top:10px;display:flex}.workflowReferences img{object-fit:cover;border-radius:5px;width:55px;height:55px}.workflowReferences p{color:#aab6c8;font-size:13px;line-height:1.6}.workflowResult video{border-radius:7px;width:100%;margin-top:16px}.workflowResult a{color:#d6c6ff;justify-content:center;align-items:center;gap:7px;margin:12px 0;display:flex}.workflowStart>svg{color:#c1aaff}.workflowStart h2{margin:14px 0 10px;font-size:19px}.workflowStart p,.workflowStart li{color:#aebbd0;line-height:1.7}.workflowStart ol{padding-left:21px}.workflowStart li{margin:13px 0}.workflowStart button{width:100%;margin-top:10px}.workflowCredit{margin-top:30px;font-size:12px}.flowCard{background:#212a38;border:1px solid #465067;border-radius:12px;width:280px;overflow:visible;box-shadow:0 12px 35px #0003}.flowCard.selected{border-color:#c3a4ff;box-shadow:0 0 0 2px #c3a4ff35}.flowCardHeader{border-bottom:1px solid #384457;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex}.flowCardHeader>span{color:#cbb4ff;align-items:center;gap:8px;font-size:13px;display:flex}.flowCardimage .flowCardHeader>span{color:#94dcc9}.flowCardcharacter .flowCardHeader>span{color:#f4ca8b}.flowCardscene .flowCardHeader>span{color:#8cc6f4}.flowCardHeader small{color:#99adc8;font-size:12px}.flowCardBody{padding:14px}.flowCard h3{overflow-wrap:anywhere;margin:0 0 9px;font-size:16px;line-height:1.5}.flowCard p{color:#b0bdce;-webkit-line-clamp:5;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.flowCardBody small{color:#ac95df;margin-top:10px;font-size:12px;display:block}.flowCardMedia{background:#121923;height:160px;overflow:hidden}.flowCardMedia video,.flowCardMedia img{object-fit:contain;width:100%;height:100%;display:block}.workflowWorkspace .flowCardRun{color:#dfcbff;background:#352f49;border-color:#615581;width:calc(100% - 28px);margin:0 14px 14px;display:flex}.flowError{color:#ffaeb9;overflow-wrap:anywhere;margin-top:10px;font-size:13px;line-height:1.6}.workflowWorkspace .react-flow__handle{background:#74669b;border:2px solid #d2bfff;width:12px;height:12px}.workflowWorkspace .react-flow__edge-path{stroke:#ac96db;stroke-width:2px}.workflowWorkspace .react-flow__controls button{color:#d9dfea;background:#242c3b;border-bottom:1px solid #3c4554;border-radius:0;width:30px;height:30px;min-height:0;padding:5px}.workflowWorkspace .react-flow__controls button svg{fill:currentColor}.workflowWorkspace .react-flow__minimap{background:#1b2331;border:1px solid #3a455a;border-radius:6px}.workflowWorkspace .react-flow__attribution{color:#aab6cc;background:#202735}.workflowHint{pointer-events:none;color:#99a9c2;text-align:center;font-size:12px;line-height:1.6;position:absolute;top:14px;left:16px;right:16px}@media (max-width:1200px){.workflowHeader{flex-direction:column;align-items:flex-start}.workflowHeaderActions{width:100%}.workflowInspector{width:270px}.workflowToolbar{padding:8px 12px}.workflowHeaderActions button{font-size:13px}}@media (max-width:900px){.workflowWorkspace{min-height:850px;overflow:visible}.workflowBody{min-height:670px}.workflowHeader{padding:14px}.workflowInspector{width:255px;padding:14px}.workflowFlow{min-height:650px}.workflowWorkspace .react-flow__minimap{display:none}}@media (max-width:650px){.workflowBody{flex-direction:column;overflow:visible}.workflowFlow{flex:none;height:470px;min-height:470px}.workflowInspector{border-top:1px solid #303847;border-left:0;width:100%;max-height:500px}.workflowHeaderActions select{max-width:160px}.workflowToolbar>div{gap:3px}.workflowToolbar button{padding:6px;font-size:12px}.workflowHint{max-width:280px}.workflowStart ol{display:none}}.workflowMount{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.workflowMount.workflowHidden,.mobileStudioNav{display:none}@media (max-width:900px){.mobileStudioNav{background:#1b212d;border-bottom:1px solid #333b4c;gap:7px;padding:8px 12px;display:flex}.mobileStudioNav button{color:#c3cede;background:#222b3b;border:1px solid #353e51;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.mobileStudioNav button.active{color:#e1d4fc;background:#38324b;border-color:#8a75b8}}.workflowReferences .workflowLinkTags{flex-wrap:wrap;gap:5px;display:flex}.workflowWorkspace .workflowLinkTags button{min-height:26px;padding:4px 6px;font-size:12px}.workflowInspector:has(.workflowPrimary:disabled) input:focus{box-shadow:none}.workflowFields{border:0;min-width:0;margin:0;padding:0}.workflowFields:disabled input,.workflowFields:disabled textarea,.workflowFields:disabled select{opacity:.65}