.workflow-canvas-shell{height:calc(100vh - 120px);min-height:620px;display:flex;flex-direction:column;background:#17231d;border:1px solid #4e735a;border-radius:16px;overflow:hidden}.workflow-canvas-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#213127;border-bottom:1px solid #4e735a}.workflow-canvas-toolbar h1{margin:0;font-size:20px}.workflow-canvas-toolbar p{margin:5px 0 0;color:#b7c9b7;font-size:13px}.workflow-canvas-actions{display:flex;gap:8px}.workflow-canvas{--dot-gap:36px;--dot-x:48px;--dot-y:48px;position:relative;flex:1;overflow:hidden;touch-action:none;background-color:#142019;background-image:radial-gradient(circle,#6b8a73 1.4px,transparent 1.7px);background-size:var(--dot-gap) var(--dot-gap);background-position:var(--dot-x) var(--dot-y);cursor:default}.workflow-canvas.space-held{cursor:grab}.workflow-world{position:absolute;inset:0;transform-origin:0 0;width:100%;height:100%}.workflow-links{position:absolute;inset:0;overflow:visible;pointer-events:none}.workflow-links path{fill:none;stroke:#d6b46d;stroke-width:3;stroke-linecap:round}.workflow-nodes{position:absolute;inset:0}.flow-node{position:absolute;width:320px;padding:12px;background:#f1ead9;color:#233328;border:3px solid #5e7f63;border-radius:12px;box-shadow:0 12px 24px #0007;user-select:none}.flow-node.selected{border-color:#e1ad4f;box-shadow:0 0 0 3px #e1ad4f55,0 12px 24px #0007}.flow-node header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.flow-node label{display:block;font-size:12px;font-weight:700}.flow-node input,.flow-node select,.flow-node textarea{box-sizing:border-box;width:100%;margin-top:4px;padding:6px;border:1px solid #9aab91;border-radius:5px;background:#fffdf5;color:#26372b;font:inherit}.flow-node textarea{min-height:72px;resize:vertical}.node-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.node-contract,.node-hint{font-size:12px;line-height:1.4;color:#526454}.node-prompt{margin:10px 0}.polish-node,.remove-node{float:right;margin-top:5px;font-size:12px}.remove-node{margin:0;padding:0;border:0;background:transparent;color:#825044;font-size:20px}.generate-node{width:100%;margin-top:8px}.output-node{width:350px;background:#e9f0e4}.node-status{font-size:12px}.node-status.generating{color:#8b5e13}.node-status.error,.node-error{color:#9e3e32}.output-candidates{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.output-candidates label{position:relative}.output-candidates input{position:absolute;opacity:0}.output-candidates input:checked+img{outline:3px solid #d49736}.output-candidates img{display:block;width:100%;image-rendering:pixelated;background:repeating-conic-gradient(#ddd 0 25%,#f8f8f8 0 50%) 0/8px 8px}.output-actions,.output-asset{margin-top:9px;display:flex;gap:6px;align-items:center}.output-asset img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.workflow-context-menu{position:absolute;z-index:30;min-width:154px;padding:5px;background:#f7f2e6;border:1px solid #7a987e;border-radius:7px;box-shadow:0 12px 28px #06100b88}.workflow-context-menu button{width:100%;border:0;border-radius:4px;padding:9px 10px;background:transparent;color:#1f3b2c;text-align:left;font:600 13px/1.2 inherit}.workflow-context-menu button:hover,.workflow-context-menu button:focus-visible{outline:none;background:#d9e8d8;color:#123025}
.flow-node>header{position:static!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;background:transparent!important;border:0!important;color:inherit!important;box-shadow:none!important}.flow-node>header>strong{margin:0!important;font-size:inherit!important;letter-spacing:normal!important;line-height:inherit!important;color:inherit!important}.flow-node>header>strong:after{content:none!important}.workflow-canvas-toolbar h1{color:#f7f4e8}@media (min-width:721px){main.wide:has(#page-generate.active){min-height:100vh;padding:0!important}#page-generate.active{min-height:100vh}.workflow-canvas-shell{height:100vh;min-height:0;border:0;border-radius:0}.workflow-canvas-toolbar{padding:18px 28px}.workflow-canvas-toolbar h1{font-size:21px}}
.flow-node>header{cursor:grab!important}.flow-node>header:active{cursor:grabbing!important}.flow-node>header button{cursor:pointer!important}.eightway-reference-lock{margin:8px 0 11px;padding:8px 9px;border:1px solid #bad3b9;border-radius:6px;background:#edf5e9;color:#426b4e;font-size:12px;font-weight:700}.eightway-generation-node .node-contract{margin:8px 0}.eightway-generation-node .generate-node{margin-top:2px}
.generation-node{width:352px}.generation-node.selected{border-color:#e1ad4f}.node-fields-config{grid-template-columns:1fr 1fr}.node-file-name{grid-column:1/-1}.node-reference-panel{margin:10px 0;padding:9px;border:1px dashed #a9c4a9;border-radius:8px;background:#f5f8f0}.node-reference-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.node-reference-head span{color:#6b7b69;font-size:11px}.node-reference-picker{display:block;margin-top:7px!important;cursor:pointer}.node-reference-picker input{position:absolute;width:1px!important;height:1px;opacity:0}.node-reference-picker span{display:block;padding:7px 9px;border:1px solid #98b39a;border-radius:6px;background:#fffdf5;color:#275142;text-align:center;font-size:12px}.node-reference-empty{margin:7px 0 0;color:#687967;font-size:11px}.node-reference-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.node-reference-list figure{position:relative;width:42px;margin:0}.node-reference-list img{display:block;width:42px;height:42px;object-fit:cover;border:1px solid #b8cbb6;border-radius:5px;background:#fff}.node-reference-list figcaption{overflow:hidden;margin-top:2px;color:#647461;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.remove-reference{position:absolute!important;top:-6px;right:-6px;width:17px!important;min-height:17px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#8e4f43!important;color:#fff!important;font-size:13px!important;line-height:1!important}.output-node{width:390px;padding:0!important;overflow:hidden;border:1px solid #a6c5a8;background:#fcfbf4;box-shadow:0 16px 34px rgba(6,21,14,.32)}.output-node.selected{border-color:#e1ad4f;box-shadow:0 0 0 3px rgba(225,173,79,.25),0 16px 34px rgba(6,21,14,.32)}.output-header{min-height:76px!important;margin:0!important;padding:14px 16px!important;border-bottom:1px solid #dce6d8!important;background:linear-gradient(135deg,#f7f9f2,#edf5eb)!important;color:#20372a!important}.output-header>div{display:grid;gap:2px}.output-header strong{font-size:17px!important}.node-eyebrow{color:#608064;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.output-header .node-status{padding:4px 8px;border-radius:999px;background:#e7efe2;color:#527356;font-size:11px;font-weight:700}.output-header .node-status.generating{background:#fff2cf;color:#9b6819}.output-header .node-status.error{background:#fde7e1;color:#a24237}.output-body{padding:14px 16px}.output-loading{display:flex;align-items:center;gap:12px;min-height:82px}.output-loading strong{display:block;color:#22382b;font-size:15px}.output-loading p,.output-loading-note{margin:3px 0 0;color:#6b796c;font-size:12px;line-height:1.45}.output-spinner{width:34px;height:34px;flex:0 0 34px;border:4px solid #d9e7d7;border-top-color:#4f8a61;border-radius:50%;animation:output-spin .9s linear infinite}.output-progress{height:6px;overflow:hidden;border-radius:999px;background:#e1eadf}.output-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#76aa7b,#d8b262,#76aa7b);animation:output-progress 1.5s ease-in-out infinite}.output-loading-note{padding-top:7px}.output-error{padding:4px 0}.output-error strong{color:#9c3c31}.output-error p{margin:6px 0 0;color:#755c56;font-size:12px;line-height:1.45}.output-candidates{display:grid!important;grid-template-columns:repeat(var(--candidate-columns),minmax(0,1fr))!important;gap:7px!important}.output-candidate{position:relative;display:block!important;min-width:0;cursor:pointer}.output-candidate input{position:absolute!important;opacity:0}.output-candidate img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #cdddc9;border-radius:7px;background:repeating-conic-gradient(#e1e9df 0 25%,#f8faf6 0 50%) 50%/12px 12px;image-rendering:pixelated}.output-candidate span{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(31,66,44,.82);color:#fff;font-size:10px;font-weight:700}.output-candidate input:checked+img{border-color:#d49a30;box-shadow:0 0 0 2px #d49a30}.output-candidate input:checked~span{background:#d49a30}.output-actions{display:block!important;margin-top:12px!important}.output-actions button{width:100%;min-height:38px;padding:8px 12px!important;border-radius:7px!important}.output-asset{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:9px;margin-top:12px!important;padding-top:12px;border-top:1px solid #e1e8dc}.output-asset img{width:54px!important;height:54px!important;border-radius:6px;background:repeating-conic-gradient(#e1e9df 0 25%,#f8faf6 0 50%) 50%/10px 10px}.output-asset strong{display:block;margin-bottom:5px;font-size:12px}.output-asset button{margin-right:4px;padding:5px 7px;font-size:11px}@keyframes output-spin{to{transform:rotate(360deg)}}@keyframes output-progress{0%{transform:translateX(-105%)}55%{transform:translateX(145%)}100%{transform:translateX(145%)}}@media(prefers-reduced-motion:reduce){.output-spinner,.output-progress i{animation:none}}
.generation-node .polish-node{float:none!important;display:block;margin:8px 0 0 auto!important}.generation-node .node-prompt{display:block!important;margin-bottom:12px!important}

/* Workflow v2: compact references, explicit result selection, and data-flow ports. */
.flow-node{overflow:visible}.node-port{position:absolute!important;z-index:4;top:50%;display:grid!important;place-items:center;width:26px!important;height:26px!important;min-height:0!important;padding:0!important;border:2px solid #b6cfb5!important;border-radius:50%!important;background:#183a2c!important;color:#f6f4e8!important;font-size:18px!important;font-weight:800!important;line-height:1!important;opacity:0;transform:translateY(-50%) scale(.75);transition:opacity .16s ease,transform .16s ease,background .16s ease}.flow-node:hover .node-port,.workflow-canvas.connecting .node-port{opacity:1;transform:translateY(-50%) scale(1)}.node-port:hover,.workflow-canvas.connecting .node-port-in:hover{background:#d9aa48!important;color:#173023!important}.node-port-in{left:-15px}.node-port-out{right:-15px}.workflow-link{stroke:#d6b46d!important;stroke-width:3!important;filter:drop-shadow(0 0 3px rgba(232,191,89,.42))}.workflow-link-bubble{fill:#fff1a9;filter:drop-shadow(0 0 5px #f0bf62)}
.generation-node{width:352px}.node-reference-panel{padding:10px!important}.node-reference-panel>strong{display:block;margin-bottom:7px;font-size:12px}.node-reference-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.reference-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;margin:0;border:1px dashed #97b696;border-radius:5px;background:#fffdf5;overflow:visible;cursor:pointer}.reference-tile input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.reference-add span{color:#4c8060;font-size:18px;font-weight:700}.reference-tile img{width:100%;height:100%;object-fit:cover;border-radius:4px;image-rendering:pixelated}.reference-tile .remove-reference{top:-7px!important;right:-7px!important}.node-reference-panel .node-reference-head,.node-reference-panel .node-reference-picker,.node-reference-panel .node-reference-empty,.node-reference-panel .node-reference-list{display:none!important}
.result-selection-node{width:420px;padding:0!important;overflow:hidden;border:1px solid #9dbda0!important;background:#fbfcf7!important;box-shadow:0 16px 34px rgba(6,21,14,.32)}.result-selection-node>header{min-height:68px!important;margin:0!important;padding:13px 16px!important;border-bottom:1px solid #d9e5d7!important;background:linear-gradient(135deg,#f5f9f0,#e7f1e5)!important}.result-selection-node>header>div{display:grid;gap:2px}.result-selection-node>header strong{font-size:17px!important}.result-selection-node>.selection-toolbar{display:flex;gap:12px;padding:11px 15px 4px;color:#4b6451;font-size:12px;font-weight:700}.selection-toolbar input{width:auto!important;margin:0 4px 0 0!important}.selection-candidates{display:grid;grid-template-columns:repeat(var(--candidate-columns),1fr);gap:7px;padding:10px 15px 15px}.selection-candidate{position:relative;display:block;cursor:pointer}.selection-candidate input{position:absolute;opacity:0}.selection-candidate img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #cfddcb;border-radius:6px;background:repeating-conic-gradient(#e1e9df 0 25%,#f8faf6 0 50%) 50%/12px 12px;image-rendering:pixelated}.selection-candidate b{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#274e3d;color:#fff;font-size:10px}.selection-candidate input:checked+img{border-color:#d6a13b;box-shadow:0 0 0 2px #d6a13b}.selection-candidate input:checked~b{background:#d6a13b}.confirm-selection{width:calc(100% - 30px)!important;margin:0 15px 15px!important;min-height:39px!important}.selection-loading{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:24px 18px 14px}.selection-loading i{width:34px;height:34px;border:4px solid #d9e7d7;border-top-color:#4f8a61;border-radius:50%;animation:output-spin .9s linear infinite}.selection-loading strong{color:#22382b}.selection-loading p{grid-column:2;margin:1px 0;color:#6b796c;font-size:12px}.result-selection-node>.output-progress{margin:0 18px 20px}
.image-result-node{width:230px;padding:0!important;overflow:hidden;background:#fcfbf4!important}.image-result-node>header{margin:0!important;padding:12px 13px 8px!important}.image-result-node>p{margin:0;padding:8px 13px 12px;color:#607061;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-node-image{display:block;width:calc(100% - 24px);aspect-ratio:1;object-fit:contain;margin:0 12px;background:repeating-conic-gradient(#e1e9df 0 25%,#f8faf6 0 50%) 50%/12px 12px;border:1px solid #d5e2d1;border-radius:7px;image-rendering:pixelated}.eightway-node{width:342px;padding:0!important;overflow:hidden;background:#fcfbf4!important}.eightway-node>header{margin:0!important;padding:13px 15px 9px!important;border-bottom:1px solid #d9e5d7}.eightway-sheet{position:relative;margin:12px 15px 8px;aspect-ratio:1;overflow:hidden;border:1px solid #d2dfcf;border-radius:7px;background:repeating-conic-gradient(#e1e9df 0 25%,#f8faf6 0 50%) 50%/12px 12px}.eightway-sheet img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.eightway-grid{position:absolute;inset:0;background:linear-gradient(to right,transparent 33.1%,rgba(74,109,78,.55) 33.1%,rgba(74,109,78,.55) 33.8%,transparent 33.8%,transparent 66.2%,rgba(74,109,78,.55) 66.2%,rgba(74,109,78,.55) 66.9%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,rgba(74,109,78,.55) 33.1%,rgba(74,109,78,.55) 33.8%,transparent 33.8%,transparent 66.2%,rgba(74,109,78,.55) 66.2%,rgba(74,109,78,.55) 66.9%,transparent 66.9%);pointer-events:none}.eightway-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 15px 10px}.eightway-labels span{padding:4px 3px;border-radius:4px;background:#edf4e9;color:#557159;text-align:center;font-size:10px}.confirm-eightway{width:calc(100% - 30px)!important;margin:0 15px 15px!important}.workflow-context-menu{min-width:198px!important}.workflow-context-menu hr{margin:5px 6px;border:0;border-top:1px solid #d8e2d4}.workflow-context-menu button{display:block!important;float:none!important;margin:0!important;padding:8px 9px!important;font-size:12px!important}
@media(prefers-reduced-motion:reduce){.workflow-link-bubble animateMotion,.selection-loading i{animation:none!important}}

/* Canvas navigation: stable dot density across zoom levels and a viewport-filling workspace. */
.workflow-canvas.canvas-zooming{transition:background-size .14s cubic-bezier(.2,.75,.3,1),background-position .14s cubic-bezier(.2,.75,.3,1)}
.canvas-workspace-switcher{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid rgba(186,210,185,.32);border-radius:8px;background:rgba(5,20,13,.22)}
.canvas-workspace-switcher label,.canvas-workspace-switcher span{color:#c6d7c6;font-size:11px;font-weight:700;white-space:nowrap}.canvas-workspace-switcher select{min-width:118px;height:30px;padding:0 8px;border:1px solid #7ca17e;border-radius:5px;background:#f7f4e8;color:#274433;font:600 12px/1 inherit}.canvas-workspace-switcher button{min-width:30px;height:30px;padding:0 8px;border-color:#799d7b;background:#f8f6ec;color:#27513c}.canvas-workspace-switcher button:disabled{opacity:.45;cursor:not-allowed}
@media (min-width:721px){main.wide:has(#page-generate.active),#page-generate.active,.workflow-canvas-shell{height:100dvh!important;min-height:100dvh!important}.workflow-canvas{min-height:0}}
@media (max-width:720px){.workflow-canvas-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.canvas-workspace-switcher{flex-wrap:wrap}.canvas-workspace-switcher select{flex:1;min-width:100px}}
@media(prefers-reduced-motion:reduce){.workflow-canvas.canvas-zooming{transition:none}}

/* Result images are interaction surfaces, never native draggable objects. */
.workflow-canvas img{-webkit-user-drag:none;user-select:none}.workflow-links{pointer-events:auto}.workflow-link{pointer-events:none;stroke-width:3px!important;stroke:rgba(214,180,109,.72)!important}.workflow-link-hit{fill:none;stroke:transparent;stroke-width:18px;pointer-events:stroke}.workflow-link-bubble{pointer-events:none}.connection-cut-control{opacity:0;pointer-events:none;transition:opacity .14s ease}.workflow-connection:hover .connection-cut-control{opacity:1;pointer-events:auto}.connection-cut{display:grid;width:28px;height:28px;padding:0;border:1px solid #e8c16a;border-radius:50%;background:#213f31;color:#fff3c8;font-size:14px;line-height:1;cursor:pointer;place-items:center;box-shadow:0 3px 9px rgba(0,0,0,.36)}.connection-cut:hover{background:#8e5144;color:#fff}
.eightway-labels{grid-template-columns:repeat(3,1fr)!important}.eightway-labels .empty{visibility:hidden}.eightway-expanded{margin:0 15px 15px;padding:9px;border-radius:6px;background:#edf5e9;color:#477050;text-align:center;font-size:12px;font-weight:700}

.pixel-import-confirm{width:min(430px,92vw);padding:0;border:1px solid #cfdcd0;border-radius:14px;background:#fcfbf4;color:#243b2f;box-shadow:0 28px 80px rgba(22,42,35,.28)}.pixel-import-confirm::backdrop{background:rgba(18,34,29,.58);backdrop-filter:blur(3px)}.pixel-import-confirm form{padding:22px}.pixel-import-confirm h2{margin:0;font-size:20px}.pixel-import-confirm p{margin:12px 0 0;line-height:1.55}.pixel-import-confirm-note{color:#64766a;font-size:13px}.pixel-import-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.pixel-import-confirm-actions button{min-height:36px;padding:7px 12px}body.workflow-dark-mode .pixel-import-confirm{background:#151b1d;color:#edf2ed;border-color:#465452}body.workflow-dark-mode .pixel-import-confirm-note{color:#b6c3bd}
.animation-direction-dialog{width:min(720px,94vw);padding:0;border:1px solid #cfdcd0;border-radius:14px;background:#fcfbf4;color:#243b2f;box-shadow:0 28px 80px rgba(22,42,35,.28)}.animation-direction-dialog::backdrop{background:rgba(18,34,29,.58);backdrop-filter:blur(3px)}.animation-direction-dialog form{padding:18px}.animation-direction-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px}.animation-direction-dialog header span{color:#6f8876;font-size:11px;font-weight:700;letter-spacing:.08em}.animation-direction-dialog h2{margin:3px 0 0;font-size:20px}.animation-direction-dialog header button{width:34px;height:34px;border:0;border-radius:50%;background:#edf3eb;color:#345947;font-size:22px;cursor:pointer}.animation-direction-dialog form>p{margin:12px 0 16px;color:#607368;font-size:13px;line-height:1.55}.animation-direction-assignment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.animation-direction-choice{display:grid;gap:7px;padding:9px;border:1px solid #cbd9cb;border-radius:8px;background:#f6faf3;color:#315641;font-size:13px;font-weight:700}.animation-direction-choice img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/12px 12px;image-rendering:pixelated}.animation-direction-choice select{width:100%;min-width:0;padding:6px;border:1px solid #b7cbb8;border-radius:5px;background:#fffdf7;color:#284536;font:inherit;font-size:12px}.animation-direction-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.animation-direction-actions button{min-height:36px;padding:7px 12px}@media(max-width:620px){.animation-direction-assignment{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.workflow-dark-mode .animation-direction-dialog{background:#151b1d;color:#edf2ed;border-color:#465452}body.workflow-dark-mode .animation-direction-dialog h2{color:#edf2ed}body.workflow-dark-mode .animation-direction-dialog form>p,body.workflow-dark-mode .animation-direction-dialog header span{color:#b6c3bd}body.workflow-dark-mode .animation-direction-dialog header button{background:#294334;color:#eaf4e9}body.workflow-dark-mode .animation-direction-choice{background:#1d2825;color:#e5f0e8;border-color:#496657}body.workflow-dark-mode .animation-direction-choice select{background:#101617;color:#edf2ed;border-color:#4d6458}
/* Image-only result nodes: the artwork remains the node, without a card or filename chrome. */
.workflow-canvas-shell{background:#f3f4f3!important;border-color:#d5dbd7!important}.workflow-canvas-toolbar{background:#fafbfa!important;border-bottom-color:#d5dbd7!important}.workflow-canvas-toolbar h1{color:#26372f!important}.workflow-canvas{background-color:#f0f2f1!important;background-image:radial-gradient(circle,#aeb8b3 1.25px,transparent 1.55px)!important}.workflow-links path{stroke:#ad8a42!important}.workflow-link{stroke:rgba(173,138,66,.78)!important}.flow-node.image-result-node,.flow-node.eightway-node{width:auto!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.flow-node.image-result-node.selected,.flow-node.eightway-node.selected{border:0!important;box-shadow:none!important}.image-node-drag-handle{position:absolute!important;top:-12px!important;left:0!important;width:100%!important;height:12px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:grab!important}.image-node-drag-handle:active{cursor:grabbing!important}.result-node-image,.eightway-node-image{display:block!important;margin:0!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;image-rendering:pixelated!important;filter:drop-shadow(0 7px 12px rgba(34,48,41,.18))}.result-node-image{width:176px!important;height:176px!important;aspect-ratio:1}.eightway-node-image{width:288px!important;height:288px!important;aspect-ratio:1}.image-result-node.selected .result-node-image,.eightway-node.selected .eightway-node-image{outline:3px solid rgba(208,158,54,.88);outline-offset:4px}.image-result-node .node-port,.eightway-node .node-port{top:50%!important}.workflow-context-menu button:disabled{cursor:default!important;color:#698075!important;background:transparent!important}
.workflow-marquee{position:absolute;z-index:7;border:1px solid #4e8567;background:rgba(101,155,119,.12);pointer-events:none}.workflow-selection-frame{position:absolute;z-index:6;border:1px dashed #4e8567;box-shadow:0 0 0 3px rgba(101,155,119,.1);pointer-events:none}.workflow-selection-handle{position:absolute;top:-8px;left:-8px;right:-8px;height:16px;pointer-events:auto;cursor:move}.workflow-selection-handle::after{content:'';position:absolute;top:6px;left:0;right:0;height:2px;border-radius:2px;background:#4e8567;box-shadow:0 0 0 3px rgba(240,242,241,.86)}

.animation-config-node{width:352px}.animation-node{width:330px;padding:8px;background:#fffdf5}.animation-node>header{height:20px;margin:0 0 6px}.animation-node>.animation-node-header{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:auto!important;height:22px!important;margin:0 0 6px!important;padding:0 2px!important;opacity:1!important;cursor:grab!important}.animation-node>.animation-node-header:active{cursor:grabbing!important}.animation-node>.animation-node-header .animation-action-title{display:block!important;color:#255840!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important}.animation-stage{position:relative;overflow:hidden;width:100%;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/14px 14px}.animation-preview-canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.animation-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.animation-direction{min-height:28px;padding:3px;border:1px solid #b9cfb8;border-radius:5px;background:#f7faf3;color:#476649}.animation-direction.active{border-color:#4d8461;background:#e4f0e2;color:#1e583e}.animation-controls{display:flex;align-items:center;gap:5px;margin-top:7px}.animation-controls button{padding:5px 7px;font-size:11px}.animation-controls label{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.animation-controls input{width:66px;margin:0}.animation-controls output{min-width:35px;font-size:10px}.animation-frame-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.animation-frame-tile{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid #b8cbb6;border-radius:4px;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/9px 9px;cursor:grab}.animation-frame-tile span{display:block;width:400%;height:400%;background-image:var(--sheet);background-size:100% 100%;transform:translate(calc(var(--frame-x) * -25% + var(--frame-offset-x, 0%)),calc(var(--frame-y) * -25% + var(--frame-offset-y, 0%)))}.animation-frame-tile b{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2e614a;color:#fff;font-size:9px}.animation-frame-tile.active{outline:2px solid #d7a840}.animation-export-actions{display:flex;gap:5px;margin-top:8px}.animation-export-actions button{flex:1;padding:6px;font-size:11px}

/* Normal-image workbench keeps the same canvas interactions with a cooler studio tint. */
body.normal-image-workbench .workflow-canvas{background-color:#edf2f1!important;background-image:radial-gradient(circle,#9eaea9 1.25px,transparent 1.55px)!important}body.normal-image-workbench .workflow-canvas-toolbar{background:#f8fbfa!important}body.normal-image-workbench .normal-image-generation-node{border-color:#6c8a84;background:#f4f5ed}body.normal-image-workbench .normal-image-generation-node.selected{border-color:#b8804a;box-shadow:0 0 0 3px #b8804a33,0 12px 24px #0003}

/* Long-form instructions are first-class workflow inputs. */
.text-instruction-node{width:390px;padding:14px!important;border-color:#8c7749!important;background:#fbfaf4!important}
#workflow-nodes>.text-instruction-node,
#workflow-nodes>.generation-node,
#workflow-nodes>.animation-config-node{contain:none!important}
.text-instruction-node>header{margin-bottom:12px!important}
.text-instruction-node>header strong{display:flex;align-items:center;gap:7px}
.text-instruction-node>header strong::before{content:'¶';display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eee4c8;color:#725c2e;font-size:13px}
.text-instruction-node .node-port-out{top:50%!important}
.text-node-import-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.text-node-import-row>span{color:#6a736d;font-size:11px;line-height:1.3;text-align:right}
.text-file-import{position:relative;display:inline-flex!important;align-items:center;min-height:32px;padding:0 10px;border:1px solid #b5a16c;border-radius:7px;background:#f3ecd9;color:#4f4327!important;font-size:12px!important;font-weight:700!important;cursor:pointer}
.text-file-import:hover{background:#ebe0c3}
.text-file-import:focus-within{outline:3px solid rgba(158,128,65,.2);outline-offset:1px}
.text-file-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.text-node-editor{position:relative;display:grid!important;gap:6px}
.text-node-editor>span,.text-node-model>span{color:#53645a;font-size:11px;font-weight:750}
.text-node-editor textarea{box-sizing:border-box;width:100%;min-height:210px;max-height:390px;padding:12px 12px 30px!important;resize:vertical;border-color:#c8c5b3!important;border-radius:9px!important;background:#fffef9!important;color:#22372d!important;font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
.text-node-editor textarea:focus{border-color:#8f773e!important;outline:3px solid rgba(158,128,65,.17)!important;outline-offset:0}
.text-length{position:absolute;right:9px;bottom:8px;padding:2px 5px;border-radius:4px;background:rgba(255,254,249,.92);color:#68736c;font-size:10px;font-variant-numeric:tabular-nums}
.text-node-model{display:grid!important;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;margin-top:11px}
.text-node-model select{height:34px;margin:0!important;border-radius:7px!important}
.text-node-effects{margin:12px 0 0;padding:9px 10px 10px;border:1px solid #d6d4c6;border-radius:9px}
.text-node-effects legend{padding:0 5px;color:#53645a;font-size:11px;font-weight:750}
.text-node-effects>div{display:flex;flex-wrap:wrap;gap:7px}
.text-effect-choice{position:relative;display:block!important}
.text-effect-choice input{position:absolute;width:1px;height:1px;opacity:0}
.text-effect-choice span{display:block;padding:6px 9px;border:1px solid #c8c9bd;border-radius:999px;background:#f7f7f1;color:#4d5d54;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}
.text-effect-choice input:checked+span{border-color:#657f68;background:#e3eee2;color:#214f36}
.text-effect-choice input:focus-visible+span{outline:3px solid rgba(76,132,96,.22);outline-offset:2px}
.linked-text-note{margin:7px 0 0;padding:6px 8px;border-radius:6px;background:#e8f1e5;color:#315e43;font-size:11px;font-weight:700;line-height:1.35}
.workflow-dark-mode .text-instruction-node{background:#1c201c!important;border-color:#8d7b51!important}
.workflow-dark-mode .text-instruction-node>header strong::before{background:#3b3526;color:#ead79f}
.workflow-dark-mode .text-node-import-row>span,.workflow-dark-mode .text-node-editor>span,.workflow-dark-mode .text-node-model>span,.workflow-dark-mode .text-node-effects legend{color:#b9c4bd!important}
.workflow-dark-mode .text-file-import{background:#312d22;color:#eadcae!important;border-color:#776840}
.workflow-dark-mode .text-node-editor textarea{background:#0f1311!important;color:#edf2ed!important;border-color:#535b54!important}
.workflow-dark-mode .text-length{background:#171b18;color:#b8c2bc!important}
.workflow-dark-mode .text-node-effects{border-color:#49534d}
.workflow-dark-mode .text-effect-choice span{background:#222824;color:#c9d3cd;border-color:#4c5650}
.workflow-dark-mode .text-effect-choice input:checked+span{background:#294335;color:#dff1e4;border-color:#5e8c6b}
.workflow-dark-mode .linked-text-note{background:#263b2f;color:#cde7d4}
@media(max-width:820px){.text-instruction-node{width:340px}.text-node-editor textarea{min-height:180px}}
@media(prefers-reduced-motion:reduce){.text-effect-choice span{transition:none}}
body.normal-image-workbench .normal-image-node .result-node-image{image-rendering:auto!important;width:228px!important;height:228px!important}
.reference-image-node{width:340px}.reference-image-node>header{margin-bottom:8px!important}.toggle-image-edit-details{display:block;width:100%;padding:0;border:0;background:transparent;color:#61796c;text-align:left;font:600 11px/1.3 inherit;cursor:pointer}.toggle-image-edit-details .image-edit-source{margin:0 0 7px}.toggle-image-edit-details span{display:block;padding-left:2px}.reference-image-node.is-collapsed{width:250px;padding:10px}.reference-image-node.is-collapsed .image-edit-source{height:176px;border-radius:6px}.reference-image-node.is-collapsed .image-edit-details{display:none}.reference-image-node.is-collapsed .toggle-image-edit-details span{color:#6d8176}.reference-image-node.is-collapsed:hover{border-color:#b8804a}
.workflow-image-preview{width:min(92vw,1040px);max-width:none;max-height:92vh;padding:18px;border:1px solid #d5dbd7;border-radius:14px;background:#f8fbfa;box-shadow:0 28px 80px rgba(22,42,35,.28)}.workflow-image-preview::backdrop{background:rgba(18,34,29,.58);backdrop-filter:blur(3px)}.workflow-image-preview>img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain;background:repeating-conic-gradient(#e5ebe7 0 25%,#f8fbf9 0 50%) 50%/20px 20px}.workflow-image-preview>button{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#2d5444;font-size:23px;line-height:1;cursor:pointer}.workflow-image-preview-actions{display:flex;justify-content:center;padding-top:14px}.workflow-image-preview-actions button{min-width:130px}
.workflow-canvas.canvas-file-dragging{box-shadow:inset 0 0 0 3px #729b81;background-color:#e7f1e8!important}.node-reference-panel.is-drop-target{outline:2px solid #6e9a78;outline-offset:3px;background:#eaf4e8}.image-edit-node{width:340px;background:#f4f5ed;border-color:#6c8a84}.image-edit-source{display:block;width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/14px 14px;border:1px solid #cad8c9;border-radius:7px;image-rendering:auto}.reference-tile.linked-reference{overflow:hidden;border-style:solid;border-color:#5a8b68;background:#e9f2e7;cursor:default}.linked-reference-badge{position:absolute;right:2px;bottom:2px;padding:1px 4px;border-radius:3px;background:rgba(28,78,50,.9);color:#fff;font-size:9px;font-weight:700;line-height:1.25;pointer-events:none}
/* Image-edit nodes keep the canvas calm: source, references, intent, then API controls. */
.image-edit-node{padding:14px!important}.image-edit-node>header{margin-bottom:10px!important}.image-edit-node .node-reference-panel{margin:10px 0 12px;padding:8px;background:#f7faf5}.image-edit-node .node-reference-grid{grid-template-columns:repeat(4,1fr);gap:6px}.image-edit-node .node-reference-grid .reference-tile{min-height:54px}.image-edit-prompt{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:start;margin:0!important}.image-edit-prompt textarea{grid-column:1/-1;min-height:86px!important}.image-edit-prompt .polish-node{grid-column:2;grid-row:1;align-self:center;margin:0!important}.image-edit-options{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:7px;margin:10px 0 12px}.image-edit-options label{display:grid;gap:4px;color:#58705c;font-size:11px;font-weight:700}.image-edit-options select,.image-edit-options output{box-sizing:border-box;width:100%;min-height:32px;padding:7px 8px;border:1px solid #b8cab7;border-radius:5px;background:#fffdf6;color:#264337;font:inherit}.image-edit-options output{display:flex;align-items:center;color:#365a47;background:#eff5ed}.image-edit-node .generate-node{margin-top:0}
.reference-image-node:not(.is-collapsed){width:720px;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:16px;align-items:start}.reference-image-node:not(.is-collapsed)>header{grid-column:1/-1}.reference-image-node:not(.is-collapsed) .toggle-image-edit-details{grid-column:1}.reference-image-node:not(.is-collapsed) .image-edit-source{height:220px}.reference-image-node:not(.is-collapsed) .image-edit-details{grid-column:2;min-width:0;animation:reference-panel-in .2s cubic-bezier(.23,1,.32,1) both}.reference-image-node:not(.is-collapsed) .node-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-image-node:not(.is-collapsed) .image-edit-options{grid-template-columns:1fr 1fr 1fr}@keyframes reference-panel-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.workflow-link-preview{fill:none;stroke:#e0ae4d;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 9;animation:connection-preview-dash .65s linear infinite;filter:drop-shadow(0 0 5px rgba(224,174,77,.5))}.workflow-link-preview-tip{fill:#fff1a9;stroke:#d09b31;stroke-width:2;animation:connection-preview-tip .7s ease-in-out infinite alternate}@keyframes connection-preview-dash{to{stroke-dashoffset:-17}}@keyframes connection-preview-tip{to{r:8;opacity:.72}}
.workflow-dark-mode .workflow-canvas-shell{background:#17231e!important;border-color:#365344!important}.workflow-dark-mode .workflow-canvas-toolbar{background:#1d2a24!important;border-bottom-color:#365344!important}.workflow-dark-mode .workflow-canvas-toolbar h1{color:#edf5ec!important}.workflow-dark-mode .workflow-canvas{background-color:#122019!important;background-image:radial-gradient(circle,#547365 1.25px,transparent 1.55px)!important}.workflow-dark-mode .flow-node{background:#23342c;color:#edf5ec;border-color:#537a61;box-shadow:0 14px 28px rgba(0,0,0,.35)}.workflow-dark-mode .flow-node input,.workflow-dark-mode .flow-node select,.workflow-dark-mode .flow-node textarea{background:#18251f;color:#eef8f0;border-color:#476650}.workflow-dark-mode .flow-node label,.workflow-dark-mode .flow-node strong{color:#eff7ec}.workflow-dark-mode .node-contract,.workflow-dark-mode .node-hint,.workflow-dark-mode .toggle-image-edit-details{color:#b8cdbb}.workflow-dark-mode .reference-image-node.is-collapsed{background:#203127}.workflow-dark-mode .workflow-context-menu{background:#203127;border-color:#52775e}.workflow-dark-mode .workflow-context-menu button{color:#edf6ec}.workflow-dark-mode .workflow-context-menu button:hover{background:#2c4537}.workflow-dark-mode .workflow-image-preview{background:#1b2922;border-color:#496753}.workflow-dark-mode .workflow-image-preview>button{background:#294334;color:#eaf4e9}.workflow-dark-mode .workflow-image-preview-actions button{background:#4c8b67}.workflow-dark-mode .workflow-link{stroke:#d8ae58!important}.workflow-dark-mode .workflow-link-preview{stroke:#f0c45f}.workflow-dark-mode .result-selection-node{background:#203128}.workflow-dark-mode .selection-candidate{background:#18261f;border-color:#42624b}.workflow-dark-mode .selection-toolbar{color:#dcebdd}@media(max-width:820px){.reference-image-node:not(.is-collapsed){width:340px;display:block}.reference-image-node:not(.is-collapsed) .image-edit-details{animation:reference-panel-in .2s cubic-bezier(.23,1,.32,1) both}}
.normal-image-generation-node{width:610px;display:grid;grid-template-columns:minmax(245px,1.1fr) minmax(250px,1fr);gap:14px;align-items:start}.normal-image-generation-node>header{grid-column:1/-1;margin-bottom:0}.normal-image-generation-node .node-reference-panel{grid-column:1}.normal-image-generation-node .node-prompt{grid-column:2;grid-row:2;margin:0}.normal-image-generation-node .image-edit-options{grid-column:2;grid-row:3;margin:0}.normal-image-generation-node .generate-node{grid-column:2;grid-row:4;margin:0}.normal-image-generation-node .node-reference-grid{grid-template-columns:repeat(4,1fr);gap:6px}.generation-progress-node{width:270px;min-height:180px;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f7f5eb,#e8efe5);border-color:#7a9d7e}.generation-progress{display:grid;width:min(210px,100%);justify-items:center;gap:12px;text-align:center}.generation-progress>i{width:34px;height:34px;border:4px solid #d8e5d5;border-top-color:#4f8964;border-radius:50%;animation:generation-spin .84s linear infinite}.generation-progress strong{font-size:15px;letter-spacing:.04em}.generation-progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#dce8da;box-shadow:inset 0 1px 2px #35523b22}.generation-progress-track b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c8b66,#9fc77b);transition:width .6s cubic-bezier(.2,.9,.2,1)}.generation-progress span{color:#5f7864;font-size:12px;font-variant-numeric:tabular-nums}@keyframes generation-spin{to{transform:rotate(1turn)}}.generation-failed{padding:18px;min-width:240px}.generation-failed strong{color:#a1493d}.generation-failed p{margin:8px 0 0;font-size:12px;line-height:1.5}.workflow-dark-mode .generation-progress-node{background:linear-gradient(145deg,#203128,#18251f);border-color:#5f8d6b}.workflow-dark-mode .generation-progress-track{background:#314938}.workflow-dark-mode .generation-progress span{color:#b5cfb9}.workflow-dark-mode .normal-image-generation-node .node-reference-panel{background:#1b2a22}.workflow-dark-mode .normal-image-generation-node .image-edit-options output{background:#1b2a22;color:#e6f3e7;border-color:#466750}@media(max-width:820px){.normal-image-generation-node{width:340px;display:block}.normal-image-generation-node .node-prompt,.normal-image-generation-node .image-edit-options,.normal-image-generation-node .generate-node{margin-top:10px}.normal-image-generation-node .image-edit-options{grid-template-columns:1fr 1fr 1fr}}
/* Night workbench: the full environment inverts, while image content stays untouched. */
body.workflow-dark-mode{--paper-50:#151a1b;--paper-100:#0b0e10;--paper-200:#20282a;--ink-950:#edf1ed;--ink-600:#aab5b0;--line:#303a3c;--shadow:0 18px 46px rgba(0,0,0,.45);background:#0b0e10;color:#edf1ed}body.workflow-dark-mode:before{opacity:.3;background-image:linear-gradient(90deg,rgba(240,244,241,.045) 1px,transparent 1px),linear-gradient(rgba(240,244,241,.035) 1px,transparent 1px)}body.workflow-dark-mode header{background:linear-gradient(165deg,#0f1719,#151f21);box-shadow:8px 0 28px rgba(0,0,0,.4)}body.workflow-dark-mode header .nav{color:#aab8b2}body.workflow-dark-mode header .nav:hover{background:rgba(238,244,239,.08);color:#fff}body.workflow-dark-mode header .nav.active{background:#edf1ed;color:#14201d}body.workflow-dark-mode .wide{background:#0b0e10}body.workflow-dark-mode .workbench-menu{background:#151b1d;border-color:#3b4748;box-shadow:0 18px 38px rgba(0,0,0,.56)}body.workflow-dark-mode .workbench-menu p,body.workflow-dark-mode .workbench-menu small{color:#aebbb5}body.workflow-dark-mode .workbench-menu button{color:#edf2ed}body.workflow-dark-mode .workbench-menu button:hover{background:#252e30}body.workflow-dark-mode .workbench-menu button.active{background:#263b33;border-color:#4e8066}body.workflow-dark-mode .workbench-option-icon{background:#283536}body.workflow-dark-mode .workflow-canvas-shell{background:#080b0d!important;border-color:#2d383a!important}body.workflow-dark-mode .workflow-canvas-toolbar{background:#121719!important;border-bottom-color:#303a3c!important}body.workflow-dark-mode .workflow-canvas-toolbar h1{color:#f2f5f2!important}body.workflow-dark-mode .workflow-canvas-toolbar button,body.workflow-dark-mode .canvas-workspace-switcher select{background:#20282a!important;color:#ecf1ed!important;border-color:#455254!important}body.workflow-dark-mode .workflow-canvas{background-color:#050708!important;background-image:radial-gradient(circle,#f2f4f0 1.08px,transparent 1.38px)!important}body.workflow-dark-mode .flow-node{background:#171d1e!important;color:#edf2ed!important;border-color:#52635f!important;box-shadow:0 16px 32px rgba(0,0,0,.56)!important}body.workflow-dark-mode .flow-node.selected{border-color:#e1b452!important;box-shadow:0 0 0 3px rgba(225,180,82,.28),0 16px 32px rgba(0,0,0,.56)!important}body.workflow-dark-mode .flow-node input,body.workflow-dark-mode .flow-node select,body.workflow-dark-mode .flow-node textarea,body.workflow-dark-mode .flow-node output{background:#0e1213!important;color:#edf2ed!important;border-color:#465452!important}body.workflow-dark-mode .node-reference-panel,body.workflow-dark-mode .image-edit-node .node-reference-panel{background:#101617!important;border-color:#425552}body.workflow-dark-mode .flow-node label,body.workflow-dark-mode .flow-node strong,body.workflow-dark-mode .flow-node output{color:#edf2ed!important}body.workflow-dark-mode .node-contract,body.workflow-dark-mode .node-hint,body.workflow-dark-mode .toggle-image-edit-details{color:#b6c3bd!important}body.workflow-dark-mode .workflow-context-menu,body.workflow-dark-mode .workflow-image-preview{background:#151b1d!important;border-color:#465452!important}body.workflow-dark-mode .workflow-context-menu button{color:#edf2ed!important}body.workflow-dark-mode .workflow-context-menu button:hover{background:#273133!important}body.workflow-dark-mode .selection-candidate{background:#101516!important;border-color:#455653!important}body.workflow-dark-mode .selection-toolbar{color:#dfe8e0!important}body.workflow-dark-mode .workflow-link{stroke:#dfb861!important}body.workflow-dark-mode .workflow-link-bubble{fill:#fff3b5!important}body.workflow-dark-mode .workflow-link-preview{stroke:#f3ca68!important}body.workflow-dark-mode .workflow-link-preview-tip{fill:#fff9d1!important;stroke:#d7a83f!important}.reference-image-node:not(.is-collapsed){animation:reference-node-open .28s cubic-bezier(.16,1,.3,1) both}.reference-image-node:not(.is-collapsed) .image-edit-details{animation:reference-panel-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes reference-node-open{from{opacity:.62;transform:translateY(8px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reference-image-node:not(.is-collapsed),.reference-image-node:not(.is-collapsed) .image-edit-details,.workflow-link-preview,.workflow-link-preview-tip{animation:none!important}}