:root{--bg: #050507;--panel: rgba(9, 10, 16, .78);--panel-strong: rgba(17, 18, 24, .92);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .58);--pink: #ff4a9c;--cyan: #61f7ff}*{box-sizing:border-box}.canvas-shell,.canvas-shell *{scrollbar-color:rgba(255,255,255,.26) transparent;scrollbar-width:thin}.canvas-shell *::-webkit-scrollbar{width:8px;height:8px}.canvas-shell *::-webkit-scrollbar-track{background:transparent}.canvas-shell *::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#ffffff5c,#61f7ff3d) border-box;background-clip:padding-box}.canvas-shell *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff7a,#61f7ff5c) border-box;background-clip:padding-box}.canvas-shell *::-webkit-scrollbar-corner{background:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.canvas-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 16% 5%,rgba(255,74,156,.16),transparent 27%),radial-gradient(circle at 80% 7%,rgba(97,247,255,.12),transparent 29%),linear-gradient(180deg,#090911,#050507)}.canvas-topbar{position:absolute;left:18px;right:18px;top:16px;z-index:30;height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 20px 70px #00000057;backdrop-filter:blur(18px);padding:0 14px 0 18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--cyan));color:#030304;font-weight:950;box-shadow:0 14px 30px #ff4a9c2e}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:14px;line-height:1.1;letter-spacing:0}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.action-btn{height:36px;border:1px solid var(--line);border-radius:999px;background:#ffffff0e;color:#ffffffd1;padding:0 14px;cursor:pointer;font-size:12px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.action-btn:hover{transform:translateY(-1px);background:#ffffff1a;color:#fff}.action-btn.primary{border-color:transparent;background:#fff;color:#050507}.canvas-host{position:absolute;inset:84px 18px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0d0f14;box-shadow:0 28px 110px #00000061}.canvas-side-rail{position:absolute;left:16px;top:50%;z-index:24;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#212226eb;box-shadow:0 20px 50px #0000005c;padding:8px}.rail-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#ffffffc7;cursor:pointer}.rail-btn.primary{background:#fff;color:#08090d}.rail-btn.active,.rail-btn:hover{background:#ffffff1c;color:#fff}.rail-btn.primary.active,.rail-btn.primary:hover{background:linear-gradient(135deg,#ff4a9cf5,#61f7ffdb);color:#050507}.rail-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rail-divider{width:26px;height:1px;background:#ffffff1a}.shortcut-popover{position:absolute;left:74px;top:50%;z-index:28;width:360px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.11);border-radius:20px;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.07),transparent 34%),#1c1d20f5;box-shadow:0 28px 90px #0000008f;color:#ffffffe6;padding:18px;backdrop-filter:blur(18px)}.shortcut-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.shortcut-popover-head span{display:block;margin-bottom:4px;color:#ffffff7a;font-size:12px;font-weight:900}.shortcut-popover-head strong{display:block;color:#fffffff0;font-size:18px;font-weight:950}.shortcut-close{width:32px;height:32px;border:0;border-radius:10px;background:#ffffff14;color:#ffffffb8;cursor:pointer;font-size:22px;font-weight:800;line-height:1}.shortcut-close:hover{background:#ffffff24;color:#fff}.shortcut-list{display:grid;gap:9px}.shortcut-list div{min-height:42px;display:grid;grid-template-columns:104px 1fr;align-items:center;gap:12px;border-radius:13px;background:#ffffff0b;padding:8px 10px}.shortcut-list kbd{min-width:0;display:inline-flex;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#ffffff1a;color:#ffffffeb;padding:6px 8px;font:900 12px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shortcut-list span{color:#ffffffb8;font-size:13px;font-weight:820;line-height:1.35}.node-palette{position:absolute;left:50%;top:50%;z-index:22;width:270px;transform:translate(-50%,-45%);border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#28282af5;box-shadow:0 24px 70px #0000006b;max-height:min(720px,calc(100vh - 120px));overflow:auto;padding:18px}.node-palette-section+.node-palette-section{margin-top:18px}.node-palette h3{margin:0 0 12px;color:#ffffff94;font-size:14px;font-weight:850}.node-palette-list{display:grid;gap:10px}.node-option{min-height:46px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:#ffffffe6;cursor:pointer;padding:4px;text-align:left}.node-option:hover{background:#ffffff14}.node-option-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#ffffff21}.node-option-icon svg,.node-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.node-option-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900}.workflow-palette-section .node-palette-list{gap:8px}.workflow-node-option{min-height:44px}.node-badge{display:inline-flex;align-items:center;height:18px;margin-left:2px;border-radius:5px;background:#ffffff24;color:#ffffffa8;padding:0 7px;font-size:10px;font-weight:950}.node-badge.cyan{background:#23c7e23d;color:#6feeff}.tool-btn{min-width:42px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;background:transparent;color:#ffffffb8;cursor:pointer;font-size:12px;font-weight:900;white-space:nowrap}.tool-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-btn:hover{background:#ffffff14;color:#fff}.tool-btn.active{background:linear-gradient(135deg,#ff4a9cf2,#61f7ffd1);color:#030304}.tool-btn:disabled{cursor:default;color:#ffffff38}.tool-btn:disabled:hover{background:transparent}.toolbar-separator{width:1px;height:24px;margin:0 3px;background:#ffffff1a}.zoom-value{min-width:48px;color:#ffffffb8;text-align:center;font-size:12px;font-weight:900}.canvas-corner-controls{position:absolute;left:16px;bottom:16px;z-index:20;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#15161de6;box-shadow:0 18px 48px #0000005c;backdrop-filter:blur(18px);padding:7px}.canvas-corner-controls .tool-btn span{display:none}.board-frame{position:absolute;inset:0;overflow:hidden;background:#0d0f14}.mayiai-board{display:block;width:100%;height:100%;background:#0d0f14;cursor:grab;touch-action:none;user-select:none}.mayiai-board.panning{cursor:grabbing}.mayiai-board.connecting,.mayiai-board.selecting{cursor:crosshair}.board-bg{fill:#0d0f14}.board-grid{fill:url(#board-grid);pointer-events:none}.canvas-item{cursor:grab}.canvas-item:active{cursor:grabbing}.shape-rect{fill:#ffffff0f;stroke:var(--pink);stroke-width:3}.shape-line{fill:none;stroke:#f7f7fbf0;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.shape-image{filter:drop-shadow(0 22px 46px rgba(0,0,0,.28))}.shape-text{fill:#f7f7fbf2;font-size:32px;font-weight:900;paint-order:stroke;stroke:#00000057;stroke-width:3}.selection-box{display:none}.box-select-rect{fill:#61f7ff17;stroke:#61f7ffd6;stroke-dasharray:12 8;stroke-linejoin:round;stroke-width:2.2;pointer-events:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 12px rgba(97,247,255,.28))}.connection-path{fill:none;stroke:#ffffffc7;stroke-linecap:round;stroke-width:3.2;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}.connection-flow-path{fill:none;stroke:#b269ffe6;stroke-dasharray:18 86;stroke-linecap:round;stroke-width:4;pointer-events:none;animation:connection-flow 1.5s linear infinite;filter:drop-shadow(0 0 10px rgba(178,105,255,.72));opacity:.96}.connection-item.selected .connection-path{stroke:#fffffff5;stroke-width:4;filter:drop-shadow(0 0 9px rgba(255,255,255,.24))}.connection-item.selected .connection-flow-path{stroke:#d7b2fffa;stroke-width:5;filter:drop-shadow(0 0 14px rgba(190,118,255,.86))}.connection-hit-path{fill:none;stroke:transparent;stroke-linecap:round;stroke-width:20;cursor:pointer;pointer-events:stroke}.connection-path.draft{stroke:#fffc;stroke-dasharray:10 14}.connection-flow-path.draft{stroke:#be76fff2}.connection-target-menu{width:100%;max-height:100%;display:grid;gap:8px;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.24) transparent;scrollbar-width:thin;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:radial-gradient(circle at 18% 0,rgba(97,247,255,.12),transparent 34%),#18191df5;box-shadow:0 24px 72px #00000094;color:#ffffffe6;padding:12px;backdrop-filter:blur(18px)}.connection-target-menu::-webkit-scrollbar{width:6px}.connection-target-menu::-webkit-scrollbar-track{background:transparent}.connection-target-menu::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#ffffff47,#61f7ff38)}.connection-target-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff61,#61f7ff57)}.connection-target-menu>span{color:#ffffff7a;font-size:12px;font-weight:950}.connection-target-menu button{min-height:48px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:0;border-radius:13px;background:#ffffff14;color:#ffffffe0;cursor:pointer;padding:8px 10px;text-align:left}.connection-target-menu button:hover{background:#61f7ff29;color:#fff}.connection-target-menu i{grid-row:1 / span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ffffff1f;color:#61f7ff;font-style:normal}.connection-target-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.connection-target-menu strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950}.connection-target-menu small{color:#ffffff7a;font-size:11px;font-weight:850}@keyframes connection-flow{to{stroke-dashoffset:-104}}.connection-break-control{cursor:pointer}.connection-break-control circle{fill:#0d0f14f5;stroke:#ffffffc7;stroke-width:2;filter:drop-shadow(0 8px 18px rgba(0,0,0,.48))}.connection-break-control path{fill:none;stroke:#ffffffe6;stroke-width:2.4;stroke-linecap:round}.connection-break-control:hover circle{stroke:#ff6ea8}.connection-break-control:hover path{stroke:#ff6ea8}.flow-node{position:relative;width:100%;height:100%;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,#23242bf5,#191a20f5);box-shadow:0 18px 44px #00000052;color:#ffffffe6;padding:16px;user-select:none}.flow-node.selected{border-color:#61f7ffa8}.node-floating-title{fill:#ffffff8f;font-size:18px;font-weight:850;pointer-events:none}.node-floating-meta{fill:#ffffff80;font-size:15px;font-weight:850;letter-spacing:0;pointer-events:none}.flow-node.image-only-node,.flow-node.i2i-display-node{padding:0}.flow-node.image-only-node{overflow:hidden;background:#121414f5}.flow-node.i2i-display-node{background:#242424f5}.flow-node.workflow-display-node{border-color:#ffffff1c;background:radial-gradient(circle at 22% 0,rgba(97,247,255,.16),transparent 34%),radial-gradient(circle at 92% 110%,rgba(178,105,255,.16),transparent 38%),linear-gradient(180deg,#16171cfa,#08090dfa);box-shadow:0 24px 64px #0000007a}.flow-node.image-only-node .node-card-body,.flow-node.i2i-display-node .node-card-body{width:100%;height:100%;margin:0}.flow-node.image-only-node .node-interactive-body{height:100%}.node-card-head{display:flex;align-items:center;gap:10px}.node-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#ffffff1f}.node-card-head strong{overflow:hidden;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950}.node-card-body{margin-top:13px;color:#ffffff75;font-size:12px;font-weight:800;line-height:1.45}.workflow-action-body{display:grid;gap:11px;min-height:0}.workflow-action-model{display:grid;gap:5px}.workflow-action-model span{color:#61f7ffb8;font-size:11px;font-weight:950}.workflow-action-model strong{overflow:hidden;color:#fffffff0;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:950}.workflow-action-slots{display:flex;flex-wrap:wrap;gap:7px}.workflow-action-slots span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#fff1;color:#ffffffb8;padding:0 10px;font-size:11px;font-weight:900}.workflow-action-state{min-height:38px;display:flex;align-items:center;border-radius:10px;background:#ffffff0e;color:#ffffff94;padding:8px 11px;font-size:12px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.workflow-action-state.running,.workflow-action-state.submitting{color:#61f7ff}.workflow-action-state.success{color:#69f0ae}.workflow-action-state.failed{color:#ff6ea8}.node-interactive-body{width:100%}.node-prompt-input{width:100%;height:136px;resize:none;border:1px solid rgba(255,255,255,.11);border-radius:14px;outline:none;background:#ffffff0e;color:#ffffffe6;padding:12px;font:800 13px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:text}.node-prompt-input::placeholder{color:#ffffff5c}.node-prompt-input:focus{border-color:#61f7ff8f;box-shadow:0 0 0 4px #61f7ff14}.node-file-input{display:none}.node-upload-box,.node-media-preview{width:100%;height:136px;display:grid;place-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff0b;color:#ffffffd6;cursor:pointer;overflow:hidden;text-align:center}.node-upload-box:hover,.node-media-preview:hover{border-color:#61f7ff80;background:#61f7ff13}.node-upload-box span{font-size:14px;font-weight:950}.node-upload-box small,.node-media-preview small{color:#ffffff75;font-size:11px;font-weight:850}.node-upload-box.has-error{border-color:#ff4a9c8c;background:#ff4a9c14}.node-upload-box.is-loading{border-style:solid;border-color:#61f7ff61;background:#61f7ff12}.media-uploading-preview{position:relative;width:100%;height:100%;min-height:136px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:radial-gradient(circle at 22% 0,rgba(97,247,255,.12),transparent 38%),#14151af5;color:#ffffffe6;cursor:pointer}.media-uploading-preview img,.media-uploading-preview video{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;filter:blur(18px) brightness(.58) saturate(.9);transform:scale(1.05)}.media-uploading-preview:after{content:"";position:absolute;inset:0;background:#0003}.media-uploading-preview strong{position:relative;z-index:2;color:#fffffff0;font-size:14px;font-weight:950;text-shadow:0 3px 18px rgba(0,0,0,.74)}.media-uploading-audio-icon{position:relative;z-index:2;width:52px;height:52px;display:grid;place-items:center;margin-bottom:10px;border-radius:16px;background:#ffffff1f;color:#61f7ff}.media-uploading-audio-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.node-media-preview{position:relative;display:block}.node-media-preview img,.node-media-preview video{width:100%;height:100%;display:block;object-fit:cover}.node-media-preview span,.node-media-preview small{position:absolute;left:10px;right:10px;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-media-preview span{bottom:26px;color:#fff;font-size:12px;font-weight:950;text-shadow:0 2px 10px rgba(0,0,0,.86)}.node-media-preview small{bottom:9px;color:#ffffffb8;text-shadow:0 2px 10px rgba(0,0,0,.86)}.node-media-preview:after{content:"";position:absolute;inset:auto 0 0;height:58px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.image-node-canvas-preview,.video-node-canvas-preview,.audio-node-canvas-preview{position:relative;width:100%;height:100%;display:block;overflow:hidden;border-radius:18px;cursor:grab;background:#ffffff0a;user-select:none}.node-group-shell{position:relative;width:100%;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#111217db;box-shadow:0 26px 72px #0006;color:#ffffffe6;cursor:grab;overflow:hidden;backdrop-filter:blur(18px)}.node-group-shell.selected{border-color:#b269ffb8;box-shadow:0 0 0 2px #b269ff2e,0 26px 72px #00000070}.node-group-head{height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px}.node-group-head div{min-width:0;display:grid;gap:2px}.node-group-head span{color:#61f7ffd1;font-size:11px;font-weight:950}.node-group-head strong{overflow:hidden;color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950}.node-group-ungroup{height:34px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff1a;color:#ffffffdb;cursor:pointer;padding:0 13px;font-size:12px;font-weight:950}.node-group-ungroup:hover{border-color:#ffffff42;background:#ffffff2e;color:#fff}.node-group-meta{position:absolute;right:18px;bottom:12px;color:#ffffff61;font-size:11px;font-weight:900;pointer-events:none}.flow-node.grouped-result-node{border-radius:18px;background:#1f2026f0;box-shadow:0 18px 40px #00000047}.flow-node.grouped-result-node.workflow-display-node{background:radial-gradient(circle at 22% 0,rgba(97,247,255,.16),transparent 34%),radial-gradient(circle at 92% 110%,rgba(178,105,255,.16),transparent 38%),linear-gradient(180deg,#16171cfa,#08090dfa)}.flow-node.grouped-result-node .image-node-canvas-preview{border-radius:14px}.flow-node.grouped-result-node .image-generation-preview:before{inset:10px;border-radius:13px}.flow-node.grouped-result-node .image-generation-state{width:78%;gap:7px}.flow-node.grouped-result-node .image-generation-state span{font-size:11px}.flow-node.grouped-result-node .image-generation-state strong{font-size:32px}.flow-node.grouped-result-node .image-generation-state small{font-size:10px}.flow-node.grouped-result-node .image-generation-bar{height:6px}.image-node-canvas-preview img,.video-node-canvas-preview video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.image-node-canvas-preview.is-cropping{background:#050507}.image-node-canvas-preview.is-cropping img,.image-node-canvas-preview.is-rotating img{object-fit:contain}.image-node-canvas-preview.is-rotating{background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%),#06070a;background-size:18px 18px;background-position:0 0,0 9px}.image-node-canvas-preview.is-rotating img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:cover;transform-origin:center center;transition:none}.image-erase-preview-layer{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.image-erase-preview-stroke{fill:none;stroke:#ffffffe6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,74,156,.86)) drop-shadow(0 0 12px rgba(97,247,255,.36));opacity:.92}.image-generation-preview{display:grid;place-items:center;cursor:grab;background:radial-gradient(circle at 50% 24%,rgba(97,247,255,.22),transparent 34%),radial-gradient(circle at 52% 76%,rgba(255,74,156,.16),transparent 38%),linear-gradient(180deg,#202227fa,#0f1014fa)}.image-generation-preview:before{content:"";position:absolute;inset:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),#ffffff09;background-size:220% 100%;animation:image-generation-shimmer 1.8s ease-in-out infinite}.image-generation-state{position:relative;z-index:2;width:min(74%,260px);display:grid;justify-items:center;gap:10px;color:#ffffffe6;text-align:center}.image-generation-state span{color:#61f7ffe6;font-size:13px;font-weight:950}.image-generation-state strong{color:#fff;font-size:42px;font-weight:950;line-height:1}.image-generation-state small{max-width:100%;overflow:hidden;color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850}.image-generation-bar{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff1f}.image-generation-bar i{width:var(--progress, 4%);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#61f7ff,#b269ff,#ff4a9c);box-shadow:0 0 18px #b269ff9e;transition:width .45s ease}.image-generation-preview.failed{background:radial-gradient(circle at 50% 24%,rgba(255,74,156,.22),transparent 36%),linear-gradient(180deg,#261920fa,#100f12fa)}.image-generation-preview.failed .image-generation-state span,.image-generation-preview.failed .image-generation-state strong{color:#ff6ea8}.image-generation-preview.failed .image-generation-bar i{width:100%;background:linear-gradient(90deg,#ff6ea8,#ff4a9c)}@keyframes image-generation-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.video-duration-pill{position:absolute;left:12px;top:12px;border-radius:999px;background:#00000094;color:#ffffffeb;padding:7px 10px;font-size:11px;font-weight:950;line-height:1;box-shadow:0 12px 28px #0000003d;backdrop-filter:blur(12px);pointer-events:none}.video-play-toggle{position:absolute;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0000008a;color:#fffffff5;cursor:pointer;box-shadow:0 18px 42px #00000057;backdrop-filter:blur(14px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.video-play-toggle:hover{transform:translate(-50%,-50%) scale(1.05);background:#000000ad}.video-play-toggle.playing{opacity:.2}.video-node-canvas-preview:hover .video-play-toggle.playing,.audio-node-canvas-preview:hover .video-play-toggle.playing{opacity:.94}.video-play-toggle svg{width:28px;height:28px;fill:currentColor}.video-play-toggle:not(.playing) svg{transform:translate(2px)}.audio-node-canvas-preview{display:grid;place-items:center;background:radial-gradient(circle at 18% 0,rgba(97,247,255,.14),transparent 36%),radial-gradient(circle at 82% 94%,rgba(255,74,156,.16),transparent 40%),#14151bf5}.audio-node-canvas-preview audio{display:none}.audio-node-info{width:min(78%,260px);display:flex;align-items:center;gap:14px;transform:translateY(-54px);color:#ffffffe6}.audio-node-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:#ffffff24;color:#61f7ff;box-shadow:0 18px 42px #00000047}.audio-node-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.audio-node-info div{min-width:0;display:grid;gap:5px}.audio-node-info strong{overflow:hidden;color:#fffffff0;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950}.audio-node-info small{color:#ffffff8a;font-size:12px;font-weight:900}.image-reupload-btn{position:absolute;right:12px;top:12px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#00000094;color:#fff;cursor:pointer;box-shadow:0 12px 28px #00000047;backdrop-filter:blur(12px)}.image-reupload-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.image-node-toolbar{width:100%;height:78px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#222325f5;box-shadow:0 24px 70px #0000008a;color:#ffffffeb;padding:10px 14px;backdrop-filter:blur(18px)}.image-node-toolbar-main,.image-node-toolbar-tools{min-width:0;display:flex;align-items:center;gap:8px}.image-node-toolbar-main{flex:0 0 auto}.image-node-toolbar-tools{flex:0 0 auto;border-left:1px solid rgba(255,255,255,.08);padding-left:12px}.image-tool-action{position:relative;height:48px;min-width:90px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;background:transparent;color:#ffffffdb;cursor:pointer;padding:0 10px;font-size:16px;font-weight:880;white-space:nowrap}.image-tool-action:hover,.image-tool-action.active,.image-tool-action.open{background:#ffffff1f;color:#fff}.image-tool-action b{color:#ffffff94;font-size:15px;font-weight:950;line-height:1;transform:translateY(-1px)}.image-tool-action-wrap{position:relative;display:inline-flex}.multi-angle-menu{position:absolute;left:0;top:58px;z-index:20;width:238px;max-height:336px;display:grid;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:radial-gradient(circle at 18% 0,rgba(97,247,255,.12),transparent 34%),#1c1d1ffa;box-shadow:0 24px 70px #00000085;padding:9px;backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain}.multi-angle-menu button{min-height:40px;border:0;border-radius:12px;background:transparent;color:#ffffffd6;cursor:pointer;padding:0 12px;text-align:left}.multi-angle-menu button:hover,.multi-angle-menu button.selected{background:#ffffff1f;color:#fff}.multi-angle-menu strong{display:block;font-size:14px;font-weight:950}.crop-toolbar{width:100%;height:56px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#1b1c1ff7;box-shadow:0 22px 64px #0000008a;color:#ffffffeb;padding:8px 9px;backdrop-filter:blur(18px)}.crop-toolbar-icon,.crop-confirm-btn{border:0;cursor:pointer;font-weight:950}.crop-toolbar-icon{width:40px;height:40px;border-radius:12px;background:transparent;color:#ffffffd6;font-size:25px;line-height:1}.crop-toolbar-icon:hover{background:#ffffff1f;color:#fff}.crop-ratio-picker{position:relative;min-width:0;height:40px;flex:1}.crop-ratio-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:0;border-radius:12px;background:#ffffff0e;color:#fff;cursor:pointer;padding:0 10px;font-size:14px;font-weight:850}.crop-ratio-trigger:hover,.crop-ratio-trigger.open{background:#ffffff1f}.crop-ratio-trigger svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2}.crop-ratio-trigger span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.crop-ratio-trigger b{flex:0 0 auto;color:#ffffffa3;font-size:15px;font-weight:950;line-height:1;transform:translateY(-1px)}.crop-ratio-menu{position:absolute;left:0;right:0;top:48px;z-index:25;display:grid;gap:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:radial-gradient(circle at 16% 0,rgba(97,247,255,.12),transparent 36%),#18191cf7;box-shadow:0 22px 62px #00000094;padding:8px;backdrop-filter:blur(18px)}.crop-ratio-menu button{height:38px;border:0;border-radius:11px;background:transparent;color:#ffffffc2;cursor:pointer;padding:0 12px;text-align:left;font-size:13px;font-weight:900}.crop-ratio-menu button:hover,.crop-ratio-menu button.selected{background:#ffffff24;color:#fff}.crop-confirm-btn{min-width:76px;height:40px;border-radius:12px;background:#fff;color:#101114;font-size:14px;padding:0 16px}.crop-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.image-tool-action svg,.image-icon-tool svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.image-tool-action em{height:24px;display:inline-flex;align-items:center;border-radius:999px;background:#61f7ff3d;color:#75efff;padding:0 9px;font-size:12px;font-style:normal;font-weight:950}.image-icon-tool{width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:13px;background:transparent;color:#ffffffdb;cursor:pointer}.image-icon-tool:hover{background:#ffffff1f;color:#fff}.image-icon-tool.active{background:#ffffff24;color:#fff}.rotate-toolbar{width:100%;height:100%;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#1f2023fa;box-shadow:0 24px 72px #0000008f;color:#ffffffe6;padding:8px 10px;backdrop-filter:blur(18px)}.rotate-toolbar-title{height:46px;display:inline-flex;align-items:center;gap:8px;color:#ffffffeb;padding:0 10px;font-size:15px;font-weight:950;white-space:nowrap}.rotate-toolbar-title svg,.rotate-tool-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.rotate-toolbar-divider{width:1px;height:38px;background:#ffffff1a}.rotate-tool-btn,.rotate-save-btn{height:46px;border:0;border-radius:14px;cursor:pointer;font-weight:950}.rotate-tool-btn{width:46px;display:grid;place-items:center;background:transparent;color:#ffffffc7}.rotate-tool-btn:hover,.rotate-tool-btn.active{background:#ffffff21;color:#fff}.rotate-angle-value{min-width:46px;color:#ffffffdb;text-align:center;font-size:15px;font-weight:950}.rotate-save-btn{min-width:76px;margin-left:auto;background:#f4f4f6;color:#101114;padding:0 18px;font-size:14px}.rotate-tool-btn:disabled,.rotate-save-btn:disabled{cursor:default;opacity:.52}.image-tool-quick-bar{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 18% 0,rgba(97,247,255,.12),transparent 36%),#1e1f1ff5;box-shadow:0 22px 70px #0000007a;color:#ffffffeb;padding:12px 14px 12px 16px;backdrop-filter:blur(18px)}.image-tool-quick-main{min-width:0;display:flex;align-items:center;gap:12px}.image-tool-quick-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:#ffffff1c;color:#61f7ff}.image-tool-quick-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.image-tool-quick-copy{min-width:0}.image-tool-quick-copy strong{display:block;color:#fff;font-size:18px;font-weight:950;line-height:1.15}.image-tool-quick-copy small{display:block;margin-top:4px;color:#ffffff80;font-size:12px;font-weight:850;line-height:1.2}.image-tool-quick-clear{height:46px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#ffffff14;color:#ffffffc7;cursor:pointer;padding:0 15px;font-size:13px;font-weight:900;white-space:nowrap}.image-tool-quick-clear:hover{border-color:#ff4a9c6b;background:#ff4a9c24;color:#fff}.image-tool-quick-run{height:50px;min-width:140px;border:0;border-radius:17px;background:#ececf0;color:#111216;cursor:pointer;padding:0 18px;font-size:14px;font-weight:950;white-space:nowrap}.image-tool-quick-run span{margin-left:5px;font-size:13px}.image-tool-quick-run:disabled{cursor:default;background:#ffffff2e;color:#ffffff85}.outpaint-toolbar{width:100%;height:68px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#222326f7;box-shadow:0 24px 70px #0000008f;color:#ffffffe6;padding:8px 10px;backdrop-filter:blur(18px)}.outpaint-ratio-picker{flex:0 0 168px}.outpaint-ratio-trigger{background:transparent;height:44px}.outpaint-ratio-menu{top:52px}.outpaint-close,.outpaint-chip,.outpaint-run{border:0;cursor:pointer;font-weight:900}.outpaint-close{width:44px;height:44px;border-radius:14px;background:transparent;color:#ffffffd1;font-size:27px;line-height:1}.outpaint-close:hover,.outpaint-chip:hover{background:#ffffff1f;color:#fff}.outpaint-divider{width:1px;height:40px;background:#ffffff1f}.outpaint-chip{height:44px;display:inline-flex;align-items:center;gap:8px;border-radius:14px;background:transparent;color:#ffffffd6;padding:0 12px;white-space:nowrap}.outpaint-chip.muted{color:#ffffff8f}.outpaint-chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.outpaint-chip b{color:#ffffff7a;font-size:14px;font-weight:950;line-height:1}.outpaint-price{margin-left:auto;color:#ffffff9e;font-size:13px;font-weight:950;white-space:nowrap}.outpaint-run{width:48px;height:48px;border-radius:15px;background:#fff;color:#111216;font-size:28px;line-height:1}.outpaint-run:disabled{cursor:default;background:#fff3;color:#ffffff8a}.grid-split-toolbar{width:100%;height:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#202121fa;color:#ffffffdb;box-shadow:0 24px 70px #0000008a;padding:0 14px;backdrop-filter:blur(18px)}.grid-split-icon-btn{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent;color:#fffc;cursor:pointer}.grid-split-icon-btn:hover{background:#ffffff1f;color:#fff}.grid-split-icon-btn svg,.grid-split-tool-symbol svg,.grid-split-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.grid-split-divider{width:1px;height:42px;background:#ffffff14}.grid-split-tool-symbol{width:44px;height:48px;display:grid;place-items:center;color:#ffffffb8}.grid-split-title{flex:1 1 auto;min-width:0;color:#ffffffad;font-size:18px;font-weight:850;white-space:nowrap}.grid-split-action{height:48px;border:0;display:inline-flex;align-items:center;gap:8px;border-left:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffff8f;padding-left:18px;font-size:16px;font-weight:850;white-space:nowrap}.grid-split-action.primary{height:52px;border-left:0;border-radius:16px;background:linear-gradient(135deg,#ff4a9ceb,#7b5cffeb);color:#fff;cursor:pointer;padding:0 16px;box-shadow:0 14px 32px #8252ff3d}.grid-split-action.primary small{font-size:13px;opacity:.86}.grid-split-action.primary:disabled{cursor:default;background:#ffffff1f;color:#ffffff6b;box-shadow:none}.grid-split-action b{min-width:28px;height:24px;display:inline-grid;place-items:center;border:2px solid currentColor;border-radius:5px;font-size:12px;font-weight:950;line-height:1}.grid-split-scale-group{height:54px;display:inline-flex;align-items:center;gap:4px;border-radius:17px;background:#ffffff1a;padding:4px}.grid-split-scale{height:46px;border:0;border-radius:13px;background:transparent;color:#ffffff9e;cursor:pointer;padding:0 14px;font-size:17px;font-weight:850;white-space:nowrap}.grid-split-scale.active{background:#ffffffe6;color:#14151a;box-shadow:0 10px 22px #0000003d}.grid-split-overlay,.crop-overlay{pointer-events:auto}.crop-dim{fill:#00000070;pointer-events:none}.crop-frame-hit{fill:#ffffff03;cursor:move;pointer-events:all}.crop-frame{fill:none;stroke:#fffffff5;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,0,0,.58))}.crop-guide{stroke:#ffffff61;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.crop-handle{fill:#fff;stroke:#0000008c;stroke-width:2;pointer-events:all;filter:drop-shadow(0 4px 10px rgba(0,0,0,.42))}.crop-handle.n,.crop-handle.s{cursor:ns-resize}.crop-handle.e,.crop-handle.w{cursor:ew-resize}.crop-handle.nw,.crop-handle.se{cursor:nwse-resize}.crop-handle.ne,.crop-handle.sw{cursor:nesw-resize}.outpaint-overlay{pointer-events:auto}.outpaint-area{fill:#ffffff0f;pointer-events:none}.outpaint-frame{fill:none;stroke:#ffffffc7;stroke-width:1.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(255,255,255,.16));pointer-events:none}.outpaint-original-frame{fill:none;stroke:#61f7ff80;stroke-dasharray:7 7;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.outpaint-label,.outpaint-size-label{fill:#ffffffc2;font-size:15px;font-weight:900;pointer-events:none}.outpaint-size-label{fill:#ffffff7a}.rotate-edit-overlay{pointer-events:auto}.rotate-edit-hit{fill:#fff0;stroke:#37c8ff00;stroke-width:18;cursor:grab;pointer-events:all;vector-effect:non-scaling-stroke}.rotate-edit-hit:active{cursor:grabbing}.rotate-edit-frame{fill:none;stroke:#37c8ff;stroke-width:2.4;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 10px rgba(55,200,255,.38))}.rotate-edit-handle{fill:#eaffff;stroke:#37c8ff;stroke-width:2;cursor:grab;pointer-events:all;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}.outpaint-handle{fill:#1c1d22f5;stroke:#ffffffb8;stroke-width:1.8;cursor:nwse-resize;pointer-events:all;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}.outpaint-handle.n,.outpaint-handle.s{cursor:ns-resize}.outpaint-handle.e,.outpaint-handle.w{cursor:ew-resize}.outpaint-handle.ne,.outpaint-handle.sw{cursor:nesw-resize}.outpaint-handle:hover{stroke:#fff;fill:#ffffffeb}.grid-split-cell-hit{fill:#fff0;cursor:pointer;pointer-events:all;transition:fill .16s ease,stroke .16s ease}.grid-split-cell-hit:hover{fill:#ffffff24}.grid-split-cell-hit.selected{fill:#ff4a9c33;stroke:#ffffffeb;stroke-width:2.2;filter:drop-shadow(0 0 12px rgba(255,74,156,.42))}.grid-split-overlay line{pointer-events:none;stroke:#00000061;stroke-width:1.6}.grid-split-cell-chip-bg,.grid-split-tip-bg{fill:#00000075;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));pointer-events:none}.grid-split-cell-chip-bg.selected{fill:#ff4a9cc2}.grid-split-cell-chip-bg.guide{fill:#0000006b}.grid-split-cell-chip,.grid-split-tip,.grid-split-add-text{fill:#ffffffeb;font-weight:850;pointer-events:none}.grid-split-cell-chip{font-size:18px}.grid-split-tip{font-size:16px}.grid-split-add-point{fill:#0d0f14e0;stroke:#ffffffd1;stroke-width:2;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}.grid-split-add-text{font-size:24px;font-weight:650}.erase-mask-overlay{pointer-events:auto}.erase-mask-hit{fill:#fff0;cursor:crosshair;pointer-events:all}.i2i-node-body{width:100%;height:100%}.i2i-preview{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#262626fa}.i2i-preview img{width:100%;height:100%;display:block;object-fit:cover}.i2i-empty-icon{width:100%;height:100%;display:grid;place-items:center;color:#ffffff47}.i2i-empty-icon svg{width:74px;height:74px;fill:none;stroke:currentColor;stroke-width:1.8}.i2i-upload-reference-btn{position:absolute;left:24px;top:50%;z-index:3;height:40px;display:inline-flex;align-items:center;gap:8px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff1c;color:#ffffffe6;cursor:pointer;padding:0 13px;font-size:13px;font-weight:950;box-shadow:0 12px 30px #00000042;backdrop-filter:blur(14px)}.i2i-upload-reference-btn:hover{border-color:#61f7ff7a;background:#61f7ff24;color:#fff}.i2i-upload-reference-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.i2i-preview-label{position:absolute;left:12px;bottom:10px;border-radius:999px;background:#0000008f;color:#ffffffe6;padding:6px 10px;font-size:11px;font-weight:950;backdrop-filter:blur(10px)}.i2i-status{position:absolute;left:18px;bottom:14px;max-width:calc(100% - 36px);min-height:20px;overflow:hidden;color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}.i2i-status.running,.i2i-status.submitting{color:#61f7ff}.i2i-status.success{color:#69f0ae}.i2i-status.failed{color:#ff6ea8}.workflow-run-panel{width:100%;height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:radial-gradient(circle at 15% 0,rgba(97,247,255,.13),transparent 34%),#1c1d22f5;box-shadow:0 24px 76px #00000075;color:#ffffffe6;padding:12px 14px 12px 18px;backdrop-filter:blur(18px)}.workflow-run-panel.has-prompt{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 82px;align-items:end}.workflow-run-copy{min-width:0;display:grid;gap:4px}.workflow-run-panel.has-prompt .workflow-run-copy{grid-column:1 / 2;align-self:start}.workflow-run-copy span{overflow:hidden;color:#ffffff8a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}.workflow-run-copy strong{overflow:hidden;color:#fffffff0;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:950}.workflow-run-btn{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;border:0;border-radius:14px;background:linear-gradient(135deg,#61f7ff,#b269ff);color:#050507;cursor:pointer;padding:0 20px;font-size:14px;font-weight:950}.workflow-run-panel.has-prompt .workflow-run-btn{grid-column:2 / 3;grid-row:1 / 3;align-self:end;margin-left:12px}.workflow-prompt-input{grid-column:1 / 2;width:100%;height:82px;resize:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;outline:none;background:#ffffff12;color:#ffffffeb;padding:12px 14px;font:850 14px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workflow-prompt-input:focus{border-color:#61f7ff6b;box-shadow:inset 0 0 0 1px #61f7ff14}.workflow-prompt-input::placeholder{color:#ffffff61}.workflow-run-btn span{font-size:12px;opacity:.78}.workflow-run-btn:disabled{cursor:default;background:#ffffff1f;color:#ffffff61}.i2i-operation-panel{position:relative;width:100%;height:520px;overflow:visible;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.045),transparent 34%),#1e1f1ff5;box-shadow:0 26px 86px #00000085;color:#ffffffe6;padding:14px 16px;backdrop-filter:blur(18px)}.i2i-panel-assets{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:150px}.i2i-panel-thumb{position:relative;width:150px;height:150px;flex:0 0 auto;overflow:hidden;border-radius:15px;background:#ffffff14}.i2i-panel-thumb img{width:100%;height:100%;object-fit:cover}.i2i-panel-thumb.generated{border:1px solid rgba(97,247,255,.36);box-shadow:0 0 0 1px #61f7ff14,0 16px 34px #00000047}.i2i-panel-result-label{position:absolute;left:8px;bottom:8px;z-index:3;border-radius:999px;background:#0000009e;color:#fffffff0;padding:5px 9px;font-size:11px;font-weight:950;backdrop-filter:blur(10px)}.i2i-panel-order-index{position:absolute;right:4px;top:4px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:#0000009e;color:#fff;font-size:10px;font-weight:950}.i2i-ref-order-actions{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;justify-content:space-between;opacity:1;transform:translateY(0);pointer-events:auto}.i2i-ref-order-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:#00000094;color:#ffffffe6;cursor:pointer;box-shadow:0 10px 24px #00000047;backdrop-filter:blur(12px)}.i2i-ref-order-btn:hover{border-color:#ffffff5c;background:#ffffff2e;color:#fff}.i2i-ref-order-btn:disabled{cursor:default;opacity:.28}.i2i-ref-order-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.i2i-panel-ref-count{height:34px;display:inline-flex;align-items:center;border-radius:999px;background:#ffffff14;color:#ffffffad;margin-top:20px;padding:0 12px;font-size:14px;font-weight:950}.i2i-panel-expand{margin-left:auto;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#ffffff80;cursor:pointer;font-size:24px;font-weight:850;line-height:1}.i2i-panel-expand:hover{background:#ffffff14;color:#ffffffdb}.i2i-control-bar{position:relative;z-index:5;height:70px;display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:6px}.i2i-model-pill{height:54px;display:inline-flex;align-items:center;border-radius:17px;background:#ffffff17;color:#fffffff0;padding:0 22px;font-size:17px;font-weight:900;white-space:nowrap}.i2i-param-trigger{height:54px;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:17px;background:#ffffff21;color:#ffffffe6;cursor:pointer;padding:0 18px;font-size:17px;font-weight:850}.i2i-param-trigger.open,.i2i-param-trigger:hover{background:#ffffff2e}.i2i-param-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;opacity:.72}.i2i-panel-inline-status{min-width:0;max-width:260px;overflow:hidden;color:#ffffff8a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900}.i2i-panel-inline-status.submitting,.i2i-panel-inline-status.running{color:#61f7ff}.i2i-panel-inline-status.success{color:#69f0ae}.i2i-panel-inline-status.failed{color:#ff6ea8}.ratio-glyph{width:19px;height:14px;display:inline-block;flex:0 0 auto;border:2px solid currentColor;border-radius:3px;opacity:.88}.ratio-glyph.square{width:14px;height:14px}.ratio-glyph.tall{width:12px;height:20px}.ratio-glyph.wide{width:22px;height:12px}.i2i-settings-popover{position:absolute;left:16px;top:var(--i2i-popover-top, 500px);z-index:10;width:min(654px,calc(100% - 32px));border:1px solid rgba(255,255,255,.1);border-radius:23px;background:radial-gradient(circle at 22% 4%,rgba(255,255,255,.05),transparent 34%),#1f2020fa;box-shadow:0 28px 90px #0000009e;padding:22px 24px 24px}.i2i-settings-section+.i2i-settings-section{margin-top:22px}.i2i-settings-section h3{margin:0 0 14px;color:#ffffff85;font-size:20px;font-weight:900}.i2i-resolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.i2i-resolution-option{height:58px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#ffffff06;color:#ffffff7a;cursor:pointer;font-size:20px;font-weight:850}.i2i-resolution-option.selected{border-color:#ffffffd1;background:#ffffff24;color:#ffffffeb}.i2i-ratio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.i2i-ratio-card{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#ffffff06;color:#ffffff8a;cursor:pointer;font-size:16px;font-weight:850}.i2i-ratio-card .ratio-glyph{color:#ffffff9e}.i2i-ratio-card.selected{border-color:#ffffffd6;background:#ffffff21;color:#ffffffed}.i2i-ratio-card.selected .ratio-glyph{color:#fffffff2}.i2i-prompt-input-wrap{position:relative;margin-top:13px;height:var(--i2i-prompt-height, 314px);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#ffffff0a}.i2i-prompt-link-port{position:absolute;left:-12px;top:24px;z-index:3;width:18px;height:46px;border:2px solid rgba(255,255,255,.28);border-radius:999px;background:#14151af0;box-shadow:0 0 0 4px #00000038;pointer-events:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.i2i-prompt-input-wrap.can-drop-text .i2i-prompt-link-port{border-color:#61f7ff;background:#61f7ff29;box-shadow:0 0 0 4px #61f7ff14,0 0 18px #61f7ff80}.i2i-panel-prompt{width:100%;flex:1 1 auto;min-height:84px;height:auto;resize:none;border:0;border-radius:12px;outline:none;background:transparent;color:#ffffffeb;padding:14px;font:850 17px/1.48 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:text}.i2i-prompt-input-wrap.can-drop-text{outline:1px solid rgba(97,247,255,.35);box-shadow:inset 0 0 0 1px #61f7ff14}.i2i-fixed-prompts{flex:0 0 auto;display:grid;gap:6px;max-height:104px;margin:14px 14px 0;overflow:hidden;color:#ffffffe6;pointer-events:none;user-select:none}.i2i-fixed-prompts p{margin:0;color:inherit;font-size:17px;font-weight:900;line-height:1.42;word-break:break-word}.i2i-prompt-input-wrap.has-fixed-prompts .i2i-panel-prompt{padding-top:8px}.i2i-panel-prompt::placeholder{color:#ffffff61}.canvas-image-preview-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;overflow:hidden;background:#000000db;padding:34px 86px}.canvas-image-preview-close{position:fixed;top:56px;right:78px;z-index:2;width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:#ffffffa8;cursor:pointer;font-size:34px;font-weight:300;line-height:1}.canvas-image-preview-close:hover{background:#ffffff14;color:#fff}.canvas-image-preview-stage{width:100%;height:100%;display:grid;place-items:center}.canvas-image-preview-stage img{max-width:min(86vw,1320px);max-height:92vh;display:block;object-fit:contain;border-radius:0;box-shadow:0 20px 90px #00000070}.i2i-run-btn{margin-left:auto;min-width:108px;height:54px;border:0;border-radius:18px;background:#e1e1e3;color:#101114;cursor:pointer;padding:0 18px;font-size:15px;font-weight:950}.i2i-run-btn span{margin-left:5px;font-size:13px;font-weight:950}.i2i-run-btn:disabled{cursor:default;background:#ffffff2e;color:#ffffff7a}.node-port{position:absolute;top:53px;width:16px;height:16px;border:2px solid rgba(255,255,255,.66);border-radius:999px;background:#0d0f14;cursor:crosshair;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.node-port:hover,.node-port.active,.node-port.ready:hover{border-color:#61f7ff;box-shadow:0 0 0 5px #61f7ff29;transform:scale(1.06)}.node-port.input{left:-9px}.node-port.output{right:-9px}.svg-node-port{fill:#0d0f14;stroke:#ffffffb8;stroke-width:2.5;cursor:crosshair;transition:stroke .16s ease,filter .16s ease,transform .16s ease}.svg-node-port:hover,.svg-node-port.active,.svg-node-port.ready:hover{stroke:#61f7ff;filter:drop-shadow(0 0 8px rgba(97,247,255,.55))}.toast{position:absolute;left:50%;bottom:34px;z-index:40;transform:translate(-50%) translateY(20px);opacity:0;pointer-events:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0a0a0edb;padding:11px 16px;color:#ffffffe0;font-size:12px;font-weight:900;box-shadow:0 20px 70px #00000061;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 980px){.tool-btn span{display:none}}@media (max-width: 820px){.canvas-topbar{height:auto;min-height:58px;align-items:flex-start;flex-direction:column;padding:14px}.canvas-host{top:138px}}