:root{--bg: #0b0d13;--panel: #10131c;--panel-2: #161a26;--line: #232838;--line-2: #2d3445;--text: #cdd3e1;--muted: #8a92a6;--faint: #7a8195;--accent: #6aa3ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.lg-app{display:flex;flex-direction:column;height:100vh}.lg-toolbar{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line)}.lg-brand{display:flex;align-items:center;gap:9px}.lg-brand b{color:#fff;font-size:14px}.lg-tag{font-size:10px;color:var(--faint);background:var(--panel-2);padding:2px 8px;border-radius:10px}.lg-actions{display:flex;align-items:center;gap:10px}.lg-cost{font-size:12px;color:var(--muted)}.lg-btn{font-size:12.5px;padding:7px 13px;border-radius:7px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);cursor:pointer}.lg-btn:hover{border-color:var(--accent)}.lg-btn.add{background:#2c8a52;border-color:#2c8a52;color:#fff;font-weight:600}.lg-btn.add:hover{background:#34a061;border-color:#34a061}.lg-btn.primary{background:#2b6cb0;border-color:#2b6cb0;color:#fff;font-weight:600}.lg-hint{flex:0 0 auto;padding:6px 14px;font-size:11.5px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line)}.lg-hint b{color:var(--text);font-weight:600}.lg-canvas-wrap{flex:1;min-height:0;position:relative}.lg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.lg-save-indicator{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text)}.lg-save-indicator.saved{background:#5ac88c1f;border-color:#5ac88c66;color:#8fe0b0}.lg-save-indicator.unsaved{background:#ffb45a1f;border-color:#ffb45a73;color:#ffd79a}.lg-save-indicator.saving{background:#6aa3ff24;border-color:#6aa3ff66;color:#cfe0ff}.lg-save-indicator.offline{background:#ff5a5a24;border-color:#ff5a5a73;color:#ffb4b4}.lg-save-indicator.conflict{background:#b478ff24;border-color:#b478ff73;color:#d9baff}.lg-node-toolbar{position:absolute;transform:translate(-50%,calc(-100% - 10px));display:flex;gap:6px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;padding:5px 7px;box-shadow:0 4px 14px #0006;z-index:5}.lg-node-toolbar-btn{width:28px;height:28px;border-radius:7px;background:var(--panel);border:1px solid var(--line-2);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}.lg-node-toolbar-btn:hover{border-color:var(--accent)}.lg-node-toolbar-btn.accent{background:#6aa3ff2e;border-color:var(--accent);color:#cfe0ff}.lg-node-toolbar-btn:disabled{opacity:.5;cursor:default}.lg-run-status-panel{position:absolute;left:14px;bottom:14px;width:220px;z-index:50;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;box-shadow:0 4px 16px #0006;font-size:12.5px;color:var(--text)}.lg-run-status-panel.error{border-color:#ff5a5a80}.lg-run-status-close{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--text);font-size:15px;line-height:1;cursor:pointer;opacity:.6}.lg-run-status-close:hover{opacity:1}.lg-run-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lg-run-status-count{color:#8b949e}.lg-run-status-bar{background:var(--panel);border-radius:4px;height:5px;overflow:hidden;margin-bottom:6px}.lg-run-status-bar-fill{background:#4ade80;height:100%;transition:width .3s ease}.lg-run-status-panel.error .lg-run-status-bar-fill{background:#f87171}.lg-run-status-current{color:var(--text);font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-run-status-cost{color:#8b949e;font-size:11px}.lg-run-status-pill{position:absolute;left:14px;bottom:14px;z-index:50;padding:5px 11px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:#8fe0b0;font-size:12px;cursor:pointer}.lg-conflict-banner{display:flex;align-items:center;gap:12px;padding:8px 14px;font-size:12.5px;background:#ff5a5a24;border-bottom:1px solid rgba(255,90,90,.4);color:#ffb4b4}.lg-output-panel{display:flex;flex-direction:column;background:var(--panel, #10131c);border-top:1px solid var(--line2, #2d3445);flex-shrink:0;position:relative}.lg-output-resize{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:row-resize}.lg-output-header{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line2, #2d3445)}.lg-output-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lg-output-filter{flex:1;max-width:240px;background:var(--panel2, #161a26);border:1px solid var(--line2, #2d3445);border-radius:6px;color:var(--text, #cdd3e1);padding:4px 8px;font-size:12px}.lg-output-body{flex:1;overflow-y:auto;font-family:ui-monospace,monospace;font-size:11.5px}.lg-output-entry{border-bottom:1px solid rgba(255,255,255,.04)}.lg-output-line{display:flex;gap:8px;padding:4px 10px;cursor:pointer;align-items:center}.lg-output-line:hover{background:#ffffff08}.lg-output-time{color:#6b7280}.lg-output-node{color:#6aa3ff;cursor:pointer}.lg-output-node:hover{text-decoration:underline}.lg-output-path{color:#8a92a6;flex:1}.lg-output-detail{margin:0 10px 8px;padding:8px;background:#0b0d13;border-radius:6px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.lg-output-empty{padding:20px;text-align:center;color:#6b7280}.auth-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted);font-size:14px}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:40px 44px;text-align:center;max-width:380px;box-shadow:0 12px 48px #00000073}.login-title{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:.2px}.login-sub{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.5}.login-widget{display:flex;justify-content:center;min-height:44px}.login-note{margin:18px 0 0;color:var(--faint);font-size:12px}.lgraphcanvas{user-select:none;-moz-user-select:none;-webkit-user-select:none;outline:none;font-family:Tahoma,sans-serif}.lgraphcanvas *{box-sizing:border-box}.litegraph.litecontextmenu{font-family:Tahoma,sans-serif;position:fixed;top:100px;left:100px;min-width:100px;color:#aaf;padding:0;box-shadow:0 0 10px #000!important;background-color:#2e2e2e!important;z-index:10;max-height:-webkit-fill-available;overflow-y:auto}@supports not (max-height: -webkit-fill-available){.litegraph.litecontextmenu{max-height:80vh;overflow-y:scroll}}.litegraph.litecontextmenu.dark{background-color:#000!important}.litegraph.litecontextmenu .litemenu-title img{margin-top:2px;margin-left:2px;margin-right:4px}.litegraph.litecontextmenu .litemenu-entry{margin:2px;padding:2px}.litegraph.litecontextmenu .litemenu-entry.submenu{background-color:#2e2e2e!important}.litegraph.litecontextmenu.dark .litemenu-entry.submenu{background-color:#000!important}.litegraph .litemenubar ul{font-family:Tahoma,sans-serif;margin:0;padding:0}.litegraph .litemenubar li{font-size:14px;color:#999;display:inline-block;min-width:50px;padding-left:10px;padding-right:10px;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer}.litegraph .litemenubar li:hover{background-color:#777;color:#eee}.litegraph .litegraph .litemenubar-panel{position:absolute;top:5px;left:5px;min-width:100px;background-color:#444;box-shadow:0 0 3px #000;padding:4px;border-bottom:2px solid #aaf;z-index:10}.litegraph .litemenu-entry,.litemenu-title{font-size:12px;color:#aaa;margin:2px;padding:0 0 0 2px;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.litegraph .litemenu-entry .icon{display:inline-block;width:12px;height:12px;margin:2px;vertical-align:top}.litegraph .litemenu-entry.checked .icon{background-color:#aaf}.litegraph .litemenu-entry .more{float:right;padding-right:5px}.litegraph .litemenu-entry.disabled{opacity:.5;cursor:default}.litegraph .litemenu-entry.separator{display:block;border-top:1px solid #333;border-bottom:1px solid #666;width:100%;height:0px;margin:3px 0 2px;background-color:transparent;padding:0!important;cursor:default!important}.litegraph .litemenu-entry.has_submenu{border-right:2px solid cyan}.litegraph .litemenu-title{color:#dde;background-color:#111;margin:0;padding:2px;cursor:default}.litegraph .litemenu-entry:hover:not(.disabled):not(.separator){background-color:#444!important;color:#eee;transition:all .2s}.litegraph .litemenu-entry .property_name{display:inline-block;text-align:left;min-width:80px;min-height:1.2em}.litegraph .litemenu-entry .property_value{display:inline-block;background-color:#00000080;text-align:right;min-width:80px;min-height:1.2em;vertical-align:middle;padding-right:10px}.litegraph.litesearchbox{font-family:Tahoma,sans-serif;position:absolute;background-color:#00000080;padding-top:4px}.litegraph.litesearchbox input,.litegraph.litesearchbox select{margin-top:3px;min-width:60px;min-height:1.5em;background-color:#000;border:0;color:#fff;padding-left:10px;margin-right:5px;max-width:300px}.litegraph.litesearchbox .name{display:inline-block;min-width:60px;min-height:1.5em;padding-left:10px}.litegraph.litesearchbox .helper{overflow:auto;max-height:200px;margin-top:2px}.litegraph.lite-search-item{font-family:Tahoma,sans-serif;background-color:#00000080;color:#fff;padding-top:2px}.litegraph.lite-search-item.not_in_filter{color:#b99;font-style:italic}.litegraph.lite-search-item.generic_type{color:#999;font-style:italic}.litegraph.lite-search-item:hover,.litegraph.lite-search-item.selected{cursor:pointer;background-color:#fff;color:#000}.litegraph.lite-search-item-type{display:inline-block;background:#0003;margin-left:5px;font-size:14px;padding:2px 5px;position:relative;top:-2px;opacity:.8;border-radius:4px}.litegraph .dialog{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-200px;background-color:#2a2a2a;min-width:400px;min-height:200px;box-shadow:0 0 4px #111;border-radius:6px}.litegraph .dialog.settings{left:10px;top:10px;height:calc(100% - 20px);margin:auto;max-width:50%}.litegraph .dialog.centered{top:50px;left:50%;position:absolute;transform:translate(-50%);min-width:600px;min-height:300px;height:calc(100% - 100px);margin:auto}.litegraph .dialog .close{float:right;margin:4px 10px 4px 4px;cursor:pointer;font-size:1.4em}.litegraph .dialog .close:hover{color:#fff}.litegraph .dialog .dialog-header{color:#aaa;border-bottom:1px solid #161616}.litegraph .dialog .dialog-header{height:40px}.litegraph .dialog .dialog-footer{height:50px;padding:10px;margin:0;border-top:1px solid #1a1a1a}.litegraph .dialog .dialog-header .dialog-title{font:20px Arial;margin:4px;padding:4px 10px;display:inline-block}.litegraph .dialog .dialog-content,.litegraph .dialog .dialog-alt-content{height:calc(100% - 90px);width:100%;min-height:100px;display:inline-block;color:#aaa;overflow:auto}.litegraph .dialog .dialog-content h3{margin:10px}.litegraph .dialog .dialog-content .connections{flex-direction:row}.litegraph .dialog .dialog-content .connections .connections_side{width:calc(50% - 5px);min-height:100px;background-color:#000;display:flex}.litegraph .dialog .node_type{font-size:1.2em;display:block;margin:10px}.litegraph .dialog .node_desc{opacity:.5;display:block;margin:10px}.litegraph .dialog .separator{display:block;width:calc(100% - 4px);height:1px;border-top:1px solid #000;border-bottom:1px solid #333;margin:10px 2px;padding:0}.litegraph .dialog .property{margin-bottom:2px;padding:4px}.litegraph .dialog .property:hover{background:#545454}.litegraph .dialog .property_name{color:#737373;display:inline-block;text-align:left;vertical-align:top;width:160px;padding-left:4px;overflow:hidden;margin-right:6px}.litegraph .dialog .property:hover .property_name{color:#fff}.litegraph .dialog .property_value{display:inline-block;text-align:right;color:#aaa;background-color:#1a1a1a;max-width:calc(100% - 162px);min-width:200px;max-height:300px;min-height:20px;padding:4px 12px 4px 4px;overflow:hidden;cursor:pointer;border-radius:3px}.litegraph .dialog .property_value:hover{color:#fff}.litegraph .dialog .property.boolean .property_value{padding-right:30px;color:#a88}.litegraph .dialog .property.boolean.bool-on .property_name,.litegraph .dialog .property.boolean.bool-on .property_value{color:#8a8}.litegraph .dialog .btn{border:0;border-radius:4px;padding:4px 20px;margin-left:0;background-color:#060606;color:#8e8e8e}.litegraph .dialog .btn:hover{background-color:#111;color:#fff}.litegraph .dialog .btn.delete:hover{background-color:#f33;color:#000}.litegraph .bullet_icon{margin-left:10px;border-radius:10px;width:12px;height:12px;background-color:#666;display:inline-block;margin-top:2px;margin-right:4px;transition:background-color .1s ease 0s;-moz-transition:background-color .1s ease 0s}.litegraph .bullet_icon:hover{background-color:#698;cursor:pointer}.graphcontextmenu{padding:4px;min-width:100px}.graphcontextmenu-title{color:#dde;background-color:#222;margin:0;padding:2px;cursor:default}.graphmenu-entry{box-sizing:border-box;margin:2px;padding-left:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:all linear .3s}.graphmenu-entry.event,.litemenu-entry.event{border-left:8px solid orange;padding-left:12px}.graphmenu-entry.disabled{opacity:.3}.graphmenu-entry.submenu{border-right:2px solid #eee}.graphmenu-entry:hover{background-color:#555}.graphmenu-entry.separator{background-color:#111;border-bottom:1px solid #666;height:1px;width:calc(100% - 20px);-moz-width:calc(100% - 20px);-webkit-width:calc(100% - 20px)}.graphmenu-entry .property_name{display:inline-block;text-align:left;min-width:80px;min-height:1.2em}.graphmenu-entry .property_value,.litemenu-entry .property_value{display:inline-block;background-color:#00000080;text-align:right;min-width:80px;min-height:1.2em;vertical-align:middle;padding-right:10px}.graphdialog{position:absolute;top:10px;left:10px;min-height:2em;background-color:#333;font-size:1.2em;box-shadow:0 0 10px #000!important;z-index:10}.graphdialog.rounded{border-radius:12px;padding-right:2px}.graphdialog .name{display:inline-block;min-width:60px;min-height:1.5em;padding-left:10px}.graphdialog input,.graphdialog textarea,.graphdialog select{margin:3px;min-width:60px;min-height:1.5em;background-color:#000;border:0;color:#fff;padding-left:10px;outline:none}.graphdialog textarea{min-height:150px}.graphdialog button{margin-top:3px;vertical-align:top;background-color:#999;border:0}.graphdialog button.rounded,.graphdialog input.rounded{border-radius:0 12px 12px 0}.graphdialog .helper{overflow:auto;max-height:200px}.graphdialog .help-item{padding-left:10px}.graphdialog .help-item:hover,.graphdialog .help-item.selected{cursor:pointer;background-color:#fff;color:#000}.litegraph .dialog{min-height:0}.litegraph .dialog .dialog-content{display:block}.litegraph .graphdialog{display:flex;align-items:center;border-radius:20px;padding:4px 10px;position:fixed}.litegraph .graphdialog .name{padding:0;min-height:0;font-size:16px;vertical-align:middle}.litegraph .graphdialog .value{font-size:16px;min-height:0;margin:0 10px;padding:2px 5px}.litegraph .graphdialog input[type=checkbox]{width:16px;height:16px}.litegraph .graphdialog button{padding:4px 18px;border-radius:20px;cursor:pointer}
