main.comfy-shell{--bg:#09090b;--panel:#111116;--panel2:#17171d;--line:#2a2a33;--muted:#9a9aa5;--text:#f4f4f5;--accent:#22d3ee;--hot:#f472b6;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;display:flex;flex-direction:column;height:calc(100dvh - 56px);min-height:520px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:12px;text-align:left}
.comfy-shell *{box-sizing:border-box}
.comfy-toolbar{position:relative;z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 40px;padding:0 10px;border-bottom:1px solid var(--line);background:var(--panel)}
.comfy-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.comfy-brand>span{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--hot))}.comfy-brand strong{font-size:13px}.comfy-brand small{color:var(--muted);font:600 9px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.comfy-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.comfy-actions button,.comfy-library button,.comfy-node button,.comfy-node-menu button{border:1px solid var(--line);border-radius:5px;background:var(--panel2);color:var(--text);cursor:pointer;font-family:inherit}.comfy-actions button{height:28px;padding:0 10px;font-size:11px;font-weight:600}.comfy-actions button:hover,.comfy-library button:hover,.comfy-node-menu button:hover{border-color:#4a4a58;background:#1f1f28}.comfy-actions .comfy-run{border-color:transparent;background:linear-gradient(90deg,#0891b2,#db2777);font-weight:700}.comfy-actions .comfy-run:disabled{opacity:.55;cursor:wait}
.comfy-layout{position:absolute;inset:40px 0 24px;display:grid;grid-template-columns:196px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.comfy-library{display:flex;flex-direction:column;gap:14px;min-height:0;padding:8px;overflow:auto;border-right:1px solid var(--line);background:var(--panel)}.comfy-library h2{margin:2px 2px 6px;color:#c4c4cc;font:700 9px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em}.comfy-library button{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;padding:0 8px;margin-bottom:3px;text-align:left}.comfy-library button b{overflow:hidden;font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.comfy-library button span{color:var(--muted);font:600 8px/1 var(--mono)}.comfy-help{margin-top:auto;color:var(--muted)}.comfy-help p{margin:0 2px 6px;font:400 10px/1.45 Inter,system-ui,sans-serif}
.comfy-canvas{position:relative;overflow:hidden;background-color:#08080b;background-image:radial-gradient(rgba(161,161,170,.2) 1px,transparent 1px);background-size:24px 24px;cursor:grab;touch-action:none}.comfy-canvas:active{cursor:grabbing}.comfy-world{position:absolute;inset:0 auto auto 0;width:4000px;height:2600px;transform-origin:0 0;will-change:transform}.comfy-wires{position:absolute;inset:0;overflow:visible;pointer-events:none}.comfy-edge,.comfy-temp{fill:none;stroke-width:2.5;stroke-linecap:round}.comfy-edge{pointer-events:stroke;cursor:pointer}.comfy-edge[data-type=TEXT]{stroke:#fbbf24}.comfy-edge[data-type=CONFIG],.comfy-edge[data-type=VIDEO_CONFIG]{stroke:#a78bfa}.comfy-edge[data-type=IMAGE]{stroke:#22d3ee}.comfy-edge[data-type=VIDEO]{stroke:#4ade80}.comfy-edge:hover,.comfy-edge.is-selected{stroke-width:4.5}.comfy-edge.is-selected{filter:drop-shadow(0 0 3px #fff)}.comfy-temp{stroke:#e4e4e7;stroke-dasharray:6 5}
.comfy-node{position:absolute;z-index:2;width:280px;border:1px solid #3a3a45;border-radius:7px;background:rgba(19,19,25,.98);box-shadow:0 10px 30px rgba(0,0,0,.4)}.comfy-node.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 30px rgba(0,0,0,.4);z-index:3}.comfy-node[data-kind=model],.comfy-node[data-kind=videoModel]{width:320px;border-color:rgba(244,114,182,.5)}.comfy-node[data-kind=preview],.comfy-node[data-kind=videoPreview]{width:380px}.comfy-node[data-kind=videoSettings]{width:360px}.comfy-node-head{display:flex;align-items:center;justify-content:space-between;gap:6px;height:28px;padding:0 6px 0 10px;border-bottom:1px solid var(--line);border-radius:7px 7px 0 0;background:linear-gradient(90deg,rgba(34,211,238,.14),transparent);cursor:grab;user-select:none;touch-action:none}.comfy-node[data-kind=model] .comfy-node-head,.comfy-node[data-kind=videoModel] .comfy-node-head{background:linear-gradient(90deg,rgba(244,114,182,.22),transparent)}.comfy-node-title{font:700 11px/1 var(--mono)}.comfy-node-tools{display:flex;gap:3px}.comfy-node-tools button{width:20px;height:20px;padding:0;color:var(--muted);font-size:12px;line-height:1}.comfy-node-body{display:grid;gap:6px;padding:6px 10px 8px}.comfy-node-body label{display:grid;gap:3px;color:#b4b4bc;font:600 9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em}.comfy-node textarea,.comfy-node input,.comfy-node select{width:100%;border:1px solid #34343f;border-radius:4px;background:#0c0c11;color:var(--text);outline:0;font-family:Inter,system-ui,sans-serif}.comfy-node textarea{min-height:76px;padding:6px 7px;resize:vertical;font-size:12px;line-height:1.45}.comfy-node input,.comfy-node select{height:26px;padding:0 7px;font-size:12px}.comfy-node select{padding-right:18px;text-overflow:ellipsis}.comfy-node input[type=checkbox]{width:14px;height:14px;margin:6px 0;padding:0}.comfy-node textarea:focus,.comfy-node input:focus,.comfy-node select:focus{border-color:var(--accent)}.comfy-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6px}.comfy-node[data-kind=videoSettings] .comfy-fields{grid-template-columns:1fr 1fr 1fr}
.comfy-ports{display:grid;gap:2px;margin:0 -10px}.comfy-port-row{position:relative;height:18px;color:var(--muted);font:600 9px/18px var(--mono);text-transform:uppercase}.comfy-port-row[data-dir=in]{padding-left:16px}.comfy-port-row[data-dir=out]{padding-right:16px;text-align:right}.comfy-port{position:absolute;top:3px;width:12px;height:12px;border:2.5px solid #fbbf24;border-radius:50%;background:#111118;cursor:crosshair;touch-action:none}.comfy-port::after{content:"";position:absolute;inset:-8px}.comfy-port[data-dir=in]{left:-6px}.comfy-port[data-dir=out]{right:-6px}.comfy-port[data-type=CONFIG],.comfy-port[data-type=VIDEO_CONFIG]{border-color:#a78bfa}.comfy-port[data-type=IMAGE]{border-color:#22d3ee}.comfy-port[data-type=VIDEO]{border-color:#4ade80}.comfy-port:hover{transform:scale(1.25)}.comfy-port.is-compatible{box-shadow:0 0 0 4px rgba(34,211,238,.35)}
.comfy-thumb:empty{display:none}.comfy-thumb img,.comfy-thumb video{display:block;width:100%;max-height:160px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#1c1c24 0 25%,#12121a 0 50%) 0 0/16px 16px}.comfy-node input[type=file]{height:auto;padding:4px 6px;font-size:11px;color:var(--muted)}.comfy-node input[type=file]::file-selector-button{margin-right:8px;padding:2px 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel2);color:var(--text);font:600 10px Inter,system-ui,sans-serif;cursor:pointer}.comfy-preview-empty{display:grid;place-items:center;min-height:160px;border:1px dashed #3a3a45;border-radius:5px;color:#71717a;font:500 10px/1.5 var(--mono);text-align:center}.comfy-preview img,.comfy-preview video{display:block;width:100%;max-height:400px;object-fit:contain;border-radius:5px;background:#050505}.comfy-preview a{display:inline-block;margin-top:4px;color:var(--accent);font-size:10px}.comfy-node-state{color:var(--muted);font:500 10px/1.4 var(--mono);overflow-wrap:anywhere}.comfy-node-state.is-error{color:#fb7185}
.comfy-zoom{position:absolute;right:8px;bottom:8px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(9,9,11,.86);color:var(--muted);font:600 9px/1 var(--mono);pointer-events:none}.comfy-node-menu{position:absolute;z-index:20;width:200px;max-height:70%;overflow:auto;padding:4px;border:1px solid #454550;border-radius:6px;background:#17171d;box-shadow:0 14px 40px rgba(0,0,0,.55)}.comfy-node-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px;padding:0 8px;margin:1px 0;text-align:left;font-size:11px}.comfy-node-menu button span{color:var(--muted);font:600 8px/1 var(--mono)}.comfy-status{position:absolute;left:0;right:0;bottom:0;top:auto;height:24px;margin:0;display:flex;align-items:center;padding:0 10px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 10px/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comfy-status.is-error{color:#fb7185}
@media(max-width:1024px){.comfy-shell{height:auto;margin-top:48px;padding-bottom:24px}.comfy-layout{position:static}.comfy-toolbar{flex-basis:auto;align-items:flex-start;flex-direction:column;padding:6px 10px}.comfy-layout{grid-template-columns:1fr}.comfy-library{display:none}.comfy-canvas{height:72dvh;min-height:480px}.comfy-brand small{display:none}}