@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";body,html,#app{color:#fff;background:#0d0d0f;width:100%;height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}.lgraphcanvas{-webkit-user-select:none;user-select:none;outline:none;font-family:Tahoma,sans-serif}.lgraphcanvas *{box-sizing:border-box}.litegraph.litecontextmenu{color:#e2e8f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;border-radius:10px;min-width:160px;padding:4px;font-family:Inter,Tahoma,sans-serif;position:fixed;top:100px;left:100px;overflow:hidden;background-color:#141519!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0009,0 2px 8px #0006!important}.litegraph.litecontextmenu.dark{background-color:#0d0e12!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:#141519!important}.litegraph.litecontextmenu.dark .litemenu-entry.submenu{background-color:#0d0e12!important}.litegraph .litemenubar ul{margin:0;padding:0;font-family:Tahoma,sans-serif}.litegraph .litemenubar li{color:#999;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:50px;padding-left:10px;padding-right:10px;font-size:14px;display:inline-block}.litegraph .litemenubar li:hover{color:#eee;background-color:#777}.litegraph .litegraph .litemenubar-panel{z-index:10;background-color:#444;border-bottom:2px solid #aaf;min-width:100px;padding:4px;position:absolute;top:5px;left:5px;box-shadow:0 0 3px #000}.litegraph .litemenu-entry,.litemenu-title{color:#ffffffb3;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;margin:1px 2px;padding:5px 10px;font-size:12px}.litegraph .litemenu-entry .icon{vertical-align:top;width:12px;height:12px;margin:2px;display:inline-block}.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{background-color:#0000;border-top:1px solid #ffffff12;width:calc(100% - 16px);height:0;margin:4px 8px;display:block;cursor:default!important;padding:0!important}.litegraph .litemenu-entry.has_submenu{border-right:2px solid #0ff}.litegraph .litemenu-title{color:#ffffff4d;cursor:default;text-transform:uppercase;letter-spacing:.1em;background-color:#0000;margin:0;padding:6px 10px 4px;font-size:10px}.litegraph .litemenu-entry:hover:not(.disabled):not(.separator){color:#a78bfa;transition:all .1s;background-color:#6366f126!important}.litegraph .litemenu-entry .property_name{text-align:left;min-width:80px;min-height:1.2em;display:inline-block}.litegraph .litemenu-entry .property_value{text-align:right;vertical-align:middle;background-color:#00000080;min-width:80px;min-height:1.2em;padding-right:10px;display:inline-block}.litegraph.litesearchbox{background-color:#141519;border:1px solid #ffffff1a;border-radius:10px;padding:8px;font-family:Inter,Tahoma,sans-serif;position:absolute;overflow:hidden;box-shadow:0 8px 30px #0009}.litegraph.litesearchbox input,.litegraph.litesearchbox select{color:#e2e8f0;background-color:#0006;border:1px solid #ffffff1a;border-radius:6px;outline:none;min-width:200px;min-height:2em;margin-top:3px;margin-right:5px;padding:4px 10px;font-family:Inter,sans-serif}.litegraph.litesearchbox .name{min-width:60px;min-height:1.5em;padding-left:10px;display:inline-block}.litegraph.litesearchbox .helper{max-height:200px;margin-top:2px;overflow:auto}.litegraph.lite-search-item{color:#ffffffb3;background-color:#0000;border-radius:5px;margin:1px 2px;padding:5px 10px;font-family:Inter,Tahoma,sans-serif}.litegraph.lite-search-item.not_in_filter{color:#b9999999;font-style:italic}.litegraph.lite-search-item.generic_type{color:#ffffff59;font-style:italic}.litegraph.lite-search-item:hover,.litegraph.lite-search-item.selected{cursor:pointer;color:#a78bfa;background-color:#6366f126}.litegraph .dialog{-webkit-backdrop-filter:blur(16px);background-color:#12121cb3;border:1px solid #ffffff14;border-radius:12px;min-width:400px;min-height:200px;margin-top:-150px;margin-left:-200px;position:absolute;top:50%;left:50%;box-shadow:0 8px 32px #00000080}.litegraph .dialog.settings{max-width:50%;height:calc(100% - 40px);margin:auto;top:20px;left:20px}.litegraph .dialog.centered{min-width:600px;height:calc(100% - 100px);min-height:300px;margin:auto;position:absolute;top:50px;left:50%;transform:translate(-50%)}.litegraph .dialog .close{float:right;cursor:pointer;margin:4px 10px 4px 4px;font-size:1.4em}.litegraph .dialog .close:hover{color:#fff}.litegraph .dialog .dialog-header{color:#f8fafc;border-bottom:1px solid #ffffff14;height:40px}.litegraph .dialog .dialog-footer{border-top:1px solid #1a1a1a;height:50px;padding:10px}.litegraph .dialog .dialog-header .dialog-title{margin:4px;padding:6px 10px;font:600 16px Inter,sans-serif;display:inline-block}.litegraph .dialog .dialog-content,.litegraph .dialog .dialog-alt-content{color:#aaa;width:100%;height:calc(100% - 90px);min-height:100px;display:inline-block;overflow:auto}.litegraph .dialog .dialog-content h3{margin:10px}.litegraph .dialog .dialog-content .connections{flex-direction:row}.litegraph .dialog .dialog-content .connections .connections_side{background-color:#000;width:calc(50% - 5px);min-height:100px;display:flex}.litegraph .dialog .node_type{color:#f8fafc;margin:14px 10px 4px;font-size:1.25em;font-weight:600;display:block}.litegraph .dialog .node_desc{color:#94a3b8;margin:0 10px 14px;font-size:.9em;display:block}.litegraph .dialog .separator{border-top:1px solid #ffffff0f;width:calc(100% - 20px);height:1px;margin:12px 10px;padding:0;display:block}.litegraph .dialog .property{border-radius:6px;margin-bottom:4px;padding:6px 10px;transition:background-color .2s}.litegraph .dialog .property:hover{background:#ffffff0a}.litegraph .dialog .property_name{color:#94a3b8;text-align:left;vertical-align:middle;width:160px;margin-right:6px;padding-left:4px;font-size:.95em;display:inline-block;overflow:hidden}.litegraph .dialog .property:hover .property_name{color:#fff}.litegraph .dialog .property_value{text-align:right;color:#e2e8f0;cursor:pointer;background-color:#0000004d;border:1px solid #ffffff0f;border-radius:6px;min-width:200px;max-width:calc(100% - 162px);min-height:24px;max-height:300px;padding:6px 12px;transition:all .2s;display:inline-block;overflow:hidden}.litegraph .dialog .property_value:hover{color:#fff}.litegraph .dialog .property.boolean .property_value{color:#a88;padding-right:30px}.litegraph .dialog .property.boolean.bool-on .property_name,.litegraph .dialog .property.boolean.bool-on .property_value{color:#8a8}.litegraph .dialog .btn{color:#fff9;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-left:0;padding:5px 16px;transition:all .15s}.litegraph .dialog .btn:hover{color:#a78bfa;background-color:#6366f133;border-color:#6366f166}.litegraph .dialog .btn.delete:hover{color:#f87171;background-color:#ef444433;border-color:#ef4444}.litegraph .subgraph_property{padding:4px}.litegraph .subgraph_property:hover{background-color:#333}.litegraph .subgraph_property.extra{margin-top:8px}.litegraph .subgraph_property span.name{padding-left:4px;font-size:1.3em}.litegraph .subgraph_property span.type{opacity:.5;margin-right:20px;padding-left:4px}.litegraph .subgraph_property span.label{width:60px;padding:0 10px;display:inline-block}.litegraph .subgraph_property input{color:#999;background-color:#1a1a1a;border:0;border-radius:4px;width:140px;margin-right:10px;padding:4px 4px 4px 10px}.litegraph .subgraph_property button{color:#aaa;cursor:pointer;background-color:#1c1c1c;border:0;border-radius:2px;padding:4px 10px}.litegraph .subgraph_property.extra{color:#ccc}.litegraph .subgraph_property.extra input{background-color:#111}.litegraph .bullet_icon{background-color:#666;border-radius:10px;width:12px;height:12px;margin-top:2px;margin-left:10px;margin-right:4px;transition:background-color .1s;display:inline-block}.litegraph .bullet_icon:hover{cursor:pointer;background-color:#698}.graphcontextmenu{min-width:100px;padding:4px}.graphcontextmenu-title{color:#dde;cursor:default;background-color:#222;margin:0;padding:2px}.graphmenu-entry{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:2px;padding-left:20px;transition:all .3s linear}.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{-moz-width:calc(100% - 20px);-webkit-width:calc(100% - 20px);background-color:#111;border-bottom:1px solid #666;width:calc(100% - 20px);height:1px}.graphmenu-entry .property_name{text-align:left;min-width:80px;min-height:1.2em;display:inline-block}.graphmenu-entry .property_value,.litemenu-entry .property_value{text-align:right;vertical-align:middle;background-color:#00000080;min-width:80px;min-height:1.2em;padding-right:10px;display:inline-block}.graphdialog{z-index:10;background-color:#333;min-height:2em;font-size:1.2em;position:absolute;top:10px;left:10px;box-shadow:0 0 10px #000!important}.graphdialog.rounded{border-radius:12px;padding-right:2px}.graphdialog .name{min-width:60px;min-height:1.5em;padding-left:10px;display:inline-block}.graphdialog input,.graphdialog textarea,.graphdialog select{color:#fff;background-color:#000;border:0;outline:none;min-width:60px;min-height:1.5em;margin:3px;padding-left:10px}.graphdialog textarea{min-height:150px}.graphdialog button{vertical-align:top;background-color:#999;border:0;margin-top:3px}.graphdialog button.rounded,.graphdialog input.rounded{border-radius:0 12px 12px 0}.graphdialog .helper{max-height:200px;overflow:auto}.graphdialog .help-item{padding-left:10px}.graphdialog .help-item:hover,.graphdialog .help-item.selected{cursor:pointer;color:#000;background-color:#fff}.litegraph .dialog{min-height:0}.litegraph .dialog .dialog-content{display:block}.litegraph .dialog .dialog-content .subgraph_property{padding:5px}.litegraph .dialog .dialog-footer{margin:0}.litegraph .dialog .dialog-footer .subgraph_property{align-items:center;margin-top:0;padding:5px;display:flex}.litegraph .dialog .dialog-footer .subgraph_property .name{flex:1}.litegraph .graphdialog{border-radius:20px;align-items:center;padding:4px 10px;display:flex;position:fixed}.litegraph .graphdialog .name{vertical-align:middle;min-height:0;padding:0;font-size:16px}.litegraph .graphdialog .value{min-height:0;margin:0 10px;padding:2px 5px;font-size:16px}.litegraph .graphdialog input[type=checkbox]{width:16px;height:16px}.litegraph .graphdialog button{cursor:pointer;border-radius:20px;padding:4px 18px}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#dcdcdc;background:#1e1e1e}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-number,.hljs-class{color:#b8d7a3}.hljs-string,.hljs-meta .hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-variable,.hljs-template-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d7ba7d}.hljs-addition{background-color:#144212;width:100%;display:inline-block}.hljs-deletion{background-color:#600;width:100%;display:inline-block}:root{--bg-base:#0d0d0f;--bg-surface:#141417;--bg-elevated:#1c1c22;--bg-overlay:#242430;--bg-hover:#2a2a38;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-blur:blur(12px);--accent-primary:#6c63ff;--accent-primary-hover:#8178ff;--accent-primary-dim:#6c63ff26;--accent-primary-glow:#6c63ff66;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--text-inverse:#0d0d0f;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#6c63ff80;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-accent:0 0 20px var(--accent-primary-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sidebar-width:240px;--right-panel-width:280px;--topbar-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body,html,#app{width:100%;height:100vh;font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg)}.glass-card--hover{transition:all var(--transition-normal)}.glass-card--hover:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent);background:#ffffff0f;transform:translateY(-2px)}.gradient-bg{background:radial-gradient(ellipse at top left, #6c63ff26 0%, transparent 60%), radial-gradient(ellipse at bottom right, #34d39914 0%, transparent 60%), var(--bg-base)}.badge{letter-spacing:.3px;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge--hud{color:#a89bff;background:#6c63ff33;border:1px solid #6c63ff4d}.badge--menu{color:#6be3b8;background:#34d39926;border:1px solid #34d39940}.badge--both{color:#fcd164;background:#fbbf2426;border:1px solid #fbbf2440}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-mono{font-family:var(--font-mono);font-size:12px}.divider{background:var(--border-subtle);height:1px;margin:var(--space-4) 0}.divider--v{background:var(--border-subtle);width:1px;height:100%}.t-button--variant-base.t-button--theme-primary{background:var(--accent-primary);border-color:var(--accent-primary)}.t-button--variant-base.t-button--theme-primary:hover{background:var(--accent-primary-hover)}.t-input{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.t-input:focus-within{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px var(--accent-primary-dim)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-left{animation:.3s forwards slideInLeft}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}