.canvas-entry{border-color:#448af5;background:#203c64;color:#aecdff;font-weight:600}.canvas-entry:hover,.canvas-entry[aria-pressed=true]{background:#2e5992;color:#fff}.canvas-mode{max-width:none;padding:18px 22px 12px}.canvas-mode>header{margin-bottom:16px;gap:24px}.canvas-mode>header h1{font-size:21px}.canvas-mode>footer{margin:8px 0 0 2px}.canvas-mode .contact-us{bottom:12px;left:28px;font-size:13px;padding:6px 13px}.canvas-workspace{display:grid;grid-template-columns:66px minmax(0,1fr) 374px;height:calc(100dvh - 140px);min-height:650px;border:1px solid #343f50;border-radius:10px;overflow:hidden;background:#141a23;position:relative}.canvas-toolrail{display:flex;flex-direction:column;align-items:center;gap:9px;background:#1b232f;border-right:1px solid #333f50;padding:15px 8px;z-index:3}.rail-mark{color:#8eb9ff;font-size:25px;margin-bottom:8px}.canvas-toolrail button{display:flex;flex-direction:column;gap:0;min-height:54px;width:48px;padding:5px 1px;background:transparent;border:1px solid transparent;border-radius:7px;font-size:10px;color:#a1b1c8;line-height:1.4}.canvas-toolrail button b{font-size:22px;font-weight:400;line-height:1.4;color:#cfdaea}.canvas-toolrail button:hover{background:#27374c;border-color:#3c5574;color:#daeaff}.canvas-toolrail button:first-of-type{background:#243e62;border-color:#416ca3;color:#b9d7ff}.rail-divider{width:28px;height:1px;background:#354156;margin:4px 0}.canvas-stage{position:relative;overflow:hidden;isolation:isolate;background-color:#111820;background-image:radial-gradient(circle,#364150 1px,transparent 1px);background-size:24px 24px;touch-action:none;outline:none;min-width:0;cursor:default}.canvas-stage:focus-visible{box-shadow:inset 0 0 0 2px #448af5}.canvas-world{position:absolute;inset:0 auto auto 0;width:1px;height:1px;transform-origin:0 0;will-change:transform;z-index:1}.canvas-nodes{position:absolute;left:0;top:0}.canvas-wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.canvas-edge{fill:none;stroke:#557fa9;stroke-width:2.5;pointer-events:stroke;cursor:pointer;outline:none}.canvas-edge:hover,.canvas-edge.selected,.canvas-edge:focus-visible{stroke:#a4d5ff;stroke-width:4}.canvas-edge.result-edge{stroke:#4ca58c;stroke-dasharray:6 4}.draft-edge{stroke:#83bbff;stroke-dasharray:5 4;pointer-events:none}.canvas-project-bar{position:absolute;left:20px;top:16px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:4;pointer-events:none}.canvas-project-name{min-width:0;max-width:260px;padding:12px 14px;background:#1b2432ed;border:1px solid #354155;border-radius:8px;box-shadow:0 4px 16px #0002;pointer-events:auto}.canvas-kicker{color:#8097b8;font-size:9px;font-weight:650;letter-spacing:1.8px;display:block;line-height:1.5}.canvas-project-name input{padding:0;background:transparent;border:0;box-shadow:none;font-size:14px;font-weight:600;margin-top:3px;line-height:1.6;max-width:230px}.canvas-project-name small{display:block;color:#8393aa;font-size:10px;margin-top:3px}.canvas-project-actions{display:flex;gap:5px;padding:5px;background:#1b2432ed;border:1px solid #354155;border-radius:7px;pointer-events:auto}.canvas-project-actions button{font-size:11px;border-color:transparent;background:transparent;padding:5px 9px}.canvas-project-actions button:hover{background:#2c3d55}.canvas-panel-toggle{display:none}.canvas-navigation{position:absolute;bottom:21px;left:20px;z-index:4;display:flex;gap:10px;pointer-events:none}.canvas-control-group{display:flex;align-items:center;gap:1px;padding:4px;background:#1d2939f2;border:1px solid #3c4b61;border-radius:7px;box-shadow:0 4px 15px #0004;pointer-events:auto}.canvas-control-group button{border:0;padding:4px 10px;min-height:30px;min-width:30px;background:transparent;font-size:17px}.canvas-control-group button[data-canvas-action=fit]{font-size:11px;border-left:1px solid #3a4b63;border-radius:0;margin-left:3px}.canvas-control-group button:hover{background:#314460}.canvas-control-group span{font-size:11px;min-width:46px;text-align:center;color:#c6d5e9}.canvas-stage-hint{position:absolute;bottom:26px;right:20px;text-align:right;color:#75889f;font-size:10px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2}.canvas-stage-hint span:first-child{color:#93a4b9}.canvas-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:82px;max-width:calc(100% - 40px);width:max-content;border:1px solid #547498;background:#20354af5;box-shadow:0 8px 30px #0004;border-radius:7px;color:#c9e0ff;font-size:12px;padding:10px 18px;z-index:7}.canvas-stage.drop-ready{box-shadow:inset 0 0 0 3px #6ba9ff}.pan-tool,.pan-tool *{cursor:grab!important}.canvas-node{position:absolute;width:300px;border:1px solid #435168;border-radius:10px;background:#202b3a;color:#dbe5f2;box-shadow:0 10px 26px #0004;user-select:none;outline:none;overflow:visible}.canvas-node.selected,.canvas-node:focus-visible{border-color:#78afff;box-shadow:0 0 0 2px #448af538,0 12px 30px #0005}.node-grip{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#263346;border-radius:9px 9px 0 0;border-bottom:1px solid #37465b;cursor:grab}.node-grip:active{cursor:grabbing}.node-grip strong{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.node-icon{display:inline-flex;align-items:center;justify-content:center;color:#9ac7ff;width:23px;height:23px;border:1px solid #4a6281;background:#2c4565;border-radius:5px;font-size:15px}.node-more{border:0;background:transparent;padding:0 2px;line-height:1;letter-spacing:1px;color:#91a8c7}.generation-node-body{height:125px;padding:12px 15px}.node-model{color:#85a2c9;letter-spacing:1.5px;font-size:9px;font-weight:650}.node-prompt{font-size:12px;color:#b7c7dc;margin:7px 0 10px;line-height:1.7;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px}.node-tags{display:flex;gap:6px}.node-tags span{border:1px solid #41526b;border-radius:4px;font-size:10px;color:#9fb6d4;padding:1px 6px}.node-footer{height:46px;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #3a495f;padding:8px 13px;font-size:10px;color:#8da5c5}.node-edit{border:0;background:transparent;padding:3px 0;font-size:10px;color:#a8ccff}.node-edit:hover{background:transparent;color:#e6f2ff}.node-status.processing,.node-status.created,.node-status.completed{color:#83d6b7}.node-status.uncertain,.node-status.rejected,.node-status.failed{color:#dfb478}.node-port{position:absolute;top:50%;margin-top:-7px;border:2px solid #9bc7ff;background:#2b568a;width:14px;height:14px;padding:0;min-width:0;border-radius:50%;box-shadow:0 0 0 4px #17283b;z-index:3;cursor:crosshair}.node-port:hover{background:#abd6ff;box-shadow:0 0 0 6px #448af533}.port-in{left:-8px}.port-out{right:-8px}.node-media{height:184px;padding:10px;background:#151e29}.node-media img,.node-media video{width:100%;height:100%;object-fit:contain;display:block;border-radius:4px;background:#0e151e}.node-media audio{width:100%;height:48px;margin-top:8px}.node-audio .node-media{height:79px;padding:8px}.missing-media{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#98acc6;background:#192433;border:1px dashed #425975;border-radius:5px}.node-note{width:260px;background:#2b2c27;border-color:#625f48}.node-note .node-grip{background:#37382e;border-color:#4e503d}.node-note .node-icon{color:#d0c98c;background:#46442e;border-color:#73704c}.node-note p{font-size:13px;padding:4px 16px 16px;line-height:1.9;color:#cac7ac;min-height:116px;max-height:250px;overflow:auto;white-space:pre-wrap;word-break:break-word}.canvas-inspector{display:flex;flex-direction:column;min-width:0;background:#1b232e;border-left:1px solid #354153;z-index:5}.canvas-inspector-heading{padding:21px 22px 15px;border-bottom:1px solid #333f50}.canvas-inspector-heading h2{font-size:16px;margin:7px 0 4px;letter-spacing:.3px}.canvas-inspector-heading p{font-size:11px;color:#8da1bb;margin:0}.canvas-inspector-scroll{overflow:auto;flex:1;min-height:0;padding:20px 20px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43536b transparent}.canvas-inspector-foot{padding:10px 20px;color:#758ca8;border-top:1px solid #344053;font-size:10px}.canvas-inspector .box{padding:0;border:0;border-radius:0;background:transparent;margin:0 0 20px}.canvas-inspector .model{display:none}.canvas-inspector .grow{max-width:none;width:100%;flex:auto}.canvas-inspector label{font-size:11px}.canvas-inspector input,.canvas-inspector select,.canvas-inspector textarea{font-size:12px;padding:8px 9px}.canvas-inspector .row:has(.grow){gap:5px}.canvas-inspector .row>.hint{font-size:10px;padding:0!important}.canvas-inspector .prompt-label{margin-top:17px}.canvas-inspector textarea{min-height:135px;line-height:1.8}.canvas-inspector .settings{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.canvas-inspector .checks{gap:13px;margin-top:16px}.canvas-inspector .checks label{font-size:11px}.canvas-inspector .media-actions{margin-top:15px;gap:5px}.canvas-inspector .media-actions>strong{width:100%;margin-bottom:3px;font-size:11px}.canvas-inspector .media-actions button{font-size:10px;padding:4px 8px}.canvas-inspector .hint{font-size:10px;line-height:1.7}.canvas-inspector .asset{padding:7px 6px;gap:4px}.canvas-inspector .asset-reference{font-size:10px;padding:3px 5px}.canvas-inspector .asset>span{font-size:10px;line-height:1.5}.canvas-inspector .asset button:not(.asset-reference){font-size:9px;padding:2px 4px}.canvas-inspector .submit-row{flex-direction:column;align-items:stretch;gap:12px;padding-top:18px!important;border-top:1px solid #38475c!important}.canvas-inspector .estimate>span{font-size:11px}.canvas-inspector .estimate>strong{font-size:22px;display:block;margin:4px 0}.canvas-inspector .estimate>p{font-size:11px}.canvas-inspector .submit-row>.primary{padding:11px;width:100%;font-size:14px}.canvas-inspector .mention-menu{max-height:150px}.canvas-inspector .mention-menu button{font-size:11px}.canvas-inspector #canvas-node-detail h3{font-size:15px;font-weight:500}.canvas-inspector #canvas-node-detail p{font-size:12px;color:#9cafc7;line-height:1.9;overflow-wrap:anywhere}.inspector-media{width:100%;max-height:230px;display:block;background:#101822;border-radius:6px;object-fit:contain;margin:15px 0}.canvas-detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.canvas-delete{margin-top:30px;font-size:11px}.canvas-job-id{font-family:Consolas,monospace;font-size:10px!important}.canvas-history-row{padding:14px 0;border-bottom:1px solid #3d4d62}.canvas-history-row p{font-size:12px;line-height:1.8;margin:0 0 7px;white-space:pre-wrap}.canvas-history-row small{color:#92a9c6;font-size:10px;display:block;margin-bottom:10px}#canvas-history-dialog{max-height:85vh;overflow:auto;width:620px}
@media(min-width:1500px){.canvas-workspace{grid-template-columns:70px minmax(0,1fr) 398px}.canvas-inspector-scroll{padding:23px 24px}.canvas-inspector-heading{padding:23px 24px 18px}}
@media(max-width:1150px){.canvas-mode{padding:16px 14px}.canvas-workspace{grid-template-columns:60px minmax(0,1fr) 332px}.canvas-inspector-scroll{padding:18px 16px}.canvas-project-name{max-width:190px}.canvas-project-actions{flex-wrap:wrap;justify-content:flex-end;max-width:142px}.canvas-stage-hint{display:none}.canvas-mode>header{flex-wrap:wrap;gap:12px}.canvas-mode>header .account{margin-left:auto}.canvas-toolrail{padding-left:5px;padding-right:5px}}
@media(max-width:900px){.canvas-workspace{grid-template-columns:56px minmax(0,1fr);height:calc(100dvh - 160px);min-height:620px}.canvas-inspector{position:absolute;right:12px;bottom:82px;top:120px;width:315px;max-width:calc(100% - 85px);border:1px solid #465a75;border-radius:9px;box-shadow:0 12px 40px #0006}.canvas-inspector-heading{padding:14px 17px 12px}.canvas-inspector-scroll{padding:15px}.canvas-inspector-foot{padding:8px 15px}.canvas-panel-toggle{display:inline-flex}.inspector-hidden .canvas-inspector{display:none}.canvas-project-bar{left:12px;right:12px;top:12px}.canvas-project-actions{max-width:230px}.canvas-navigation{left:12px}.canvas-mode>header{flex-direction:row;align-items:center}.canvas-mode>header .account{width:100%;justify-content:flex-start}.canvas-mode .canvas-entry{margin-left:auto}.canvas-mode>header .account>span{margin-right:auto}.canvas-mode .contact-us{font-size:12px;left:15px}.canvas-project-name{max-width:185px}.canvas-mode>footer{font-size:9px}}
@media(max-width:520px){.canvas-mode{padding:10px 8px}.canvas-mode>header h1{font-size:19px}.canvas-mode>header p{font-size:10px}.canvas-mode .canvas-entry{font-size:11px;padding:7px 10px}.canvas-workspace{grid-template-columns:48px minmax(0,1fr);min-height:600px}.canvas-toolrail{padding:11px 2px;gap:6px}.canvas-toolrail button{width:42px;min-height:49px;font-size:9px}.canvas-project-name{padding:8px 10px;max-width:165px}.canvas-project-name input{font-size:12px}.canvas-project-actions{max-width:82px;padding:3px;gap:0}.canvas-project-actions button{padding:3px 5px;font-size:10px}.canvas-kicker{font-size:8px}.canvas-navigation{gap:6px;bottom:15px}.canvas-control-group button{padding:3px 7px}.canvas-control-group span{min-width:40px}.canvas-inspector{right:9px;bottom:73px;top:120px}.canvas-toast{font-size:11px}}