:root{color-scheme:dark;--bg:#101312;--panel:#171b19;--panel-raised:#1d221f;--panel-soft:#1a1e1b;--canvas:#121613;--line:#2b322c;--line-subtle:#242a25;--text:#ecf0e8;--soft:#9aab9b;--muted:#67776b;--accent:#c0f78a;--accent-text:#1b2815;--accent-tint:#25331f;--blue:#9dbaf5;--blue-tint:#263245;--violet:#c1a8ea;--violet-tint:#342b40;--orange:#e9bc83;--orange-tint:#3c3022;--danger:#efa699;--shadow:0 14px 44px #0004;--font:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--mono:"Cascadia Code","Consolas",monospace}
html[data-theme=light]{color-scheme:light;--bg:#f4f6f1;--panel:#fff;--panel-raised:#f6f8f3;--panel-soft:#eff2eb;--canvas:#f3f5ef;--line:#d9e0d4;--line-subtle:#e4e8df;--text:#263325;--soft:#5d705a;--muted:#82907c;--accent:#b4ef78;--accent-text:#1d3010;--accent-tint:#e2f0d6;--blue:#4870bd;--blue-tint:#e2eaf8;--violet:#8b65b8;--violet-tint:#eee6f7;--orange:#9a6f31;--orange-tint:#f2e8d7;--danger:#bd5a4f;--shadow:0 14px 44px #24332214}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:var(--soft)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent)}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button span[data-icon]{display:inline-flex;align-items:center;justify-content:center}kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--muted);font-weight:400}input::placeholder,textarea::placeholder{color:var(--muted)}[hidden]{display:none!important}.app{height:100dvh;min-height:650px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);padding:0 26px;background:var(--bg);position:relative;z-index:25}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:24px;letter-spacing:-1px}.brand-dot{color:var(--accent)}.edition{font:9px var(--mono);color:var(--soft);letter-spacing:.12em;border:1px solid var(--line);border-radius:4px;padding:3px 5px;margin-left:2px}.main-nav{display:flex;gap:6px;height:100%;align-items:center}.nav-item{height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--soft);border-radius:6px;font-size:12px;white-space:nowrap}.nav-item svg{width:15px;height:15px}.nav-item.active{color:var(--text);background:var(--panel-raised)}.nav-item:hover{background:var(--panel)}.project-count{font:10px var(--mono);background:var(--line);border-radius:4px;padding:0 5px}.top-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.preview-badge{font:9px var(--mono);letter-spacing:.06em;display:flex;gap:7px;align-items:center;color:var(--soft);margin-right:4px}.preview-badge>span{height:5px;width:5px;border-radius:50%;background:var(--accent)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-tint);border:1px solid var(--line);color:var(--accent);font:13px var(--mono)}.icon-button{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--soft);flex-shrink:0}.icon-button:hover{background:var(--panel-raised);color:var(--text)}.icon-button.small{width:26px;height:26px}.icon-button.small svg{width:15px;height:15px}.studio-view{display:flex;flex:1;min-height:0;position:relative}.activity-rail{width:60px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:20px 0 18px;gap:12px}.rail-button{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.rail-button:hover,.rail-button.active{color:var(--accent);background:var(--accent-tint)}.rail-button svg{width:19px;height:19px}.rail-rule{height:1px;background:var(--line);width:24px;margin:3px 0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:13px}.connection-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font:8px var(--mono);letter-spacing:.18em;color:var(--muted)}.library-panel{width:228px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);padding:25px 15px 16px;min-height:0;transition:width .2s}.library-panel.is-hidden{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px;margin-bottom:20px}.eyebrow{display:block;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.panel-heading h2{font-weight:500;font-size:19px;margin-top:5px;letter-spacing:.03em}.search-box{height:35px;border:1px solid var(--line);background:var(--bg);border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;margin-bottom:17px}.search-box svg{width:14px;height:14px;color:var(--muted)}.search-box input{background:none;border:0;color:var(--text);font-size:11px;min-width:0;width:100%;height:100%;box-shadow:none!important}.search-box kbd{font-size:10px;line-height:1.2}.library-tabs{display:flex;gap:19px;border-bottom:1px solid var(--line);padding:0 3px;margin-bottom:15px}.library-tabs button{font-size:11px;color:var(--muted);padding:0 0 10px;position:relative}.library-tabs button.active{color:var(--text)}.library-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.module-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.module-group{margin-bottom:20px}.module-group-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 4px 8px;letter-spacing:.03em}.module-group-title span:last-child{font:9px var(--mono)}.module-card{display:flex;width:100%;text-align:left;align-items:center;gap:10px;padding:10px 8px;border-radius:7px;margin-bottom:4px;border:1px solid transparent;cursor:grab}.module-card:hover{background:var(--panel-raised);border-color:var(--line)}.module-symbol{width:31px;height:31px;flex-shrink:0;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--module-color,var(--soft));background:var(--module-tint,var(--line))}.module-symbol svg{width:15px;height:15px}.module-card strong{display:block;font-size:11px;font-weight:500}.module-card small{display:block;font:8px var(--mono);color:var(--muted);margin-top:3px;letter-spacing:.02em}.module-card .add-module{margin-left:auto;opacity:0;color:var(--soft)}.module-card:hover .add-module{opacity:1}.module-card .add-module svg{width:13px;height:13px}.library-footer{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0 16px}.library-footer svg{width:13px;height:13px}.learn-card{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:9px;padding:12px 9px;background:var(--panel-soft)}.learn-symbol{color:var(--accent)}.learn-symbol svg{width:17px;height:17px}.learn-card strong{display:block;font-size:10px;font-weight:500}.learn-card div>span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.learn-card>span{margin-left:auto;color:var(--muted)}.learn-card>span svg{width:12px;height:12px}.workbench{min-width:0;flex:1;display:flex;flex-direction:column}.project-toolbar{padding:19px 23px;min-height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--panel)}.project-identity{display:flex;align-items:center;gap:12px;min-width:0}.project-glyph{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--panel-raised);border:1px solid var(--line);border-radius:9px;color:var(--soft);flex-shrink:0}.project-glyph svg{width:18px;height:18px}.project-heading{min-width:0}.breadcrumb{display:flex;gap:6px;font-size:9px;color:var(--muted);margin-bottom:3px}.project-heading input{color:var(--text);background:none;border:1px solid transparent;border-radius:3px;padding:0 3px 1px;margin-left:-3px;width:235px;max-width:100%;font-size:13px;letter-spacing:.01em}.project-heading input:hover{border-color:var(--line)}.unsaved-dot{height:5px;width:5px;background:var(--orange);border-radius:50%;flex-shrink:0}.unsaved-dot.saved{background:var(--accent)}.project-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.button{height:33px;border-radius:6px;padding:0 11px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:11px;white-space:nowrap;font-weight:500;transition:background .15s,transform .15s}.button svg{width:14px;height:14px}.button:hover{filter:brightness(1.06)}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:var(--accent-text)}.button.secondary{background:var(--panel-raised);border:1px solid var(--line);color:var(--text)}.button.ghost{color:var(--soft);padding:0 6px}.button.ghost:hover{color:var(--text)}.button kbd{color:inherit;opacity:.5;border-color:currentColor;margin-left:3px;font-size:8px;padding:0 3px}.button.full{width:100%}.workspace-strip{height:39px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-subtle);background:var(--bg);padding-right:14px;flex-shrink:0}.workspace-tab{height:100%;display:flex;align-items:center;gap:8px;font-size:10px;border-right:1px solid var(--line);border-top:1px solid var(--accent);padding:0 21px;background:var(--canvas)}.tiny-green-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.subtle{color:var(--muted);font:8px var(--mono);padding-left:10px}.workspace-strip-right{display:flex;align-items:center;gap:11px}.engine-note{color:var(--muted);font-size:9px}.canvas-viewport{position:relative;flex:1;min-height:300px;overflow:hidden;background-color:var(--canvas);background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:20px 20px;touch-action:none}.canvas-viewport.pan-mode{cursor:grab}.canvas-viewport.panning{cursor:grabbing}.canvas-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 35%,color-mix(in srgb,var(--accent) 3%,transparent),transparent 70%)}.canvas-caption{position:absolute;top:27px;left:29px;z-index:2;pointer-events:none}.canvas-caption .eyebrow{font-size:8px;letter-spacing:.15em}.canvas-caption h1{font-size:22px;font-weight:500;letter-spacing:.02em;margin-top:8px}.canvas-caption h1 span{color:var(--soft)}.canvas-caption p{font-size:10px;color:var(--muted);margin-top:6px}.graph-world{position:absolute;inset:0;width:1120px;height:620px;transform-origin:0 0}.connections{position:absolute;inset:0;width:1120px;height:620px;overflow:visible;z-index:1;pointer-events:none}.wire-path{fill:none;stroke:var(--wire-color,var(--soft));stroke-width:1.5;opacity:.47;transition:opacity .2s}.wire-hit{fill:none;stroke:transparent;stroke-width:17;pointer-events:stroke;cursor:pointer}.wire-group:hover .wire-path{opacity:1;stroke-width:2}.wire-delete{opacity:0;pointer-events:none}.wire-group:hover .wire-delete{opacity:1;pointer-events:all}.wire-delete circle{fill:var(--panel);stroke:var(--line);stroke-width:1}.wire-delete text{fill:var(--text);font-size:14px;pointer-events:none}.wire-path.executed{opacity:.95;stroke:var(--accent);stroke-width:2}.wire-path.running{stroke-dasharray:8 7;animation:flow .75s linear infinite;opacity:1;stroke:var(--accent)}.wire-preview{stroke:var(--accent);stroke-dasharray:5 5;fill:none;stroke-width:1.7;pointer-events:none}.node{position:absolute;width:204px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 7px 20px #0002;z-index:3;user-select:none;transition:box-shadow .2s,border-color .2s}.node.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 10px 22px #0002}.node.is-running{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent);border-color:var(--accent)}.node.node-pass{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.node.node-fail{border-color:var(--danger)}.node-header{display:flex;align-items:center;gap:9px;padding:13px 13px 12px;border-bottom:1px solid var(--line-subtle);cursor:grab;touch-action:none}.node-header:active{cursor:grabbing}.node-symbol{height:28px;width:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--node-tint);color:var(--node-color);flex-shrink:0}.node-symbol svg{width:16px;height:16px}.node-title{font-size:12px;font-weight:500}.node-kicker{font:8px var(--mono);color:var(--muted);margin-top:1px;letter-spacing:.02em}.node-menu{margin-left:auto;color:var(--muted);padding:2px;display:flex;align-items:center}.node-menu svg{width:14px;height:14px}.node-body{padding:12px 14px 9px}.node-example{border:1px solid var(--line-subtle);background:var(--bg);border-radius:5px;padding:7px 9px;font-size:10px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px;min-height:30px}.node-ports{display:flex;justify-content:space-between;gap:10px;padding-bottom:2px}.port-column{display:flex;flex-direction:column;gap:10px;min-width:0}.port-row{position:relative;display:flex;align-items:center;gap:5px;font-size:9px;color:var(--soft);min-height:14px}.port-row.output{justify-content:flex-end;text-align:right}.port{position:absolute;width:10px;height:10px;border:2px solid var(--port-color,var(--soft));border-radius:50%;background:var(--panel);padding:0;z-index:8;cursor:crosshair;transform:translateY(-50%);top:50%}.port:before{content:"";position:absolute;inset:-7px;border-radius:50%}.port.input{left:-20px}.port.output{right:-20px}.port:hover,.port.connecting{background:var(--port-color,var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.node-footer{font:8px var(--mono);color:var(--muted);padding:8px 13px;border-top:1px solid var(--line-subtle);display:flex;justify-content:space-between;align-items:center}.node-indicator{height:4px;width:4px;border-radius:50%;background:var(--muted)}.node-pass .node-indicator{background:var(--accent)}.node-fail .node-indicator{background:var(--danger)}.node-callout{position:absolute;left:0;top:-25px;display:flex;align-items:center;gap:5px;color:var(--accent);font:8px var(--mono);letter-spacing:.04em}.node-callout svg{width:11px;height:11px}.canvas-bottom{position:absolute;bottom:19px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;gap:10px}.canvas-tools{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:4px;box-shadow:var(--shadow);pointer-events:auto}.canvas-tool{width:29px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--soft)}.canvas-tool svg{width:14px;height:14px}.canvas-tool:hover{background:var(--panel-raised)}.canvas-tool.active{background:var(--accent-tint);color:var(--accent)}.tool-separator{width:1px;height:14px;background:var(--line);margin:0 3px}.zoom-value{min-width:39px;padding:0 3px;font:9px var(--mono);color:var(--soft)}.canvas-coordinate{font:8px var(--mono);color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:8px}.dot-divider{opacity:.5}.minimap{position:absolute;bottom:76px;right:20px;z-index:2;width:138px;height:77px;border:1px solid var(--line);border-radius:7px;background:var(--panel);opacity:.9;padding:5px 8px}.minimap-title{font:6px var(--mono);letter-spacing:.1em;color:var(--muted)}.minimap svg{width:100%;height:56px}.canvas-selection-hint{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);font-size:11px;z-index:15;box-shadow:var(--shadow);white-space:nowrap}.console{height:132px;flex-shrink:0;border-top:1px solid var(--line);background:var(--panel)}.console.collapsed{height:38px}.console.collapsed .console-body{display:none}.console-header{height:38px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-subtle)}.console-title{display:flex;align-items:center;gap:8px;font-size:10px}.console-title svg{width:13px;height:13px;color:var(--soft)}.console-count{font:8px var(--mono);padding:0 4px;background:var(--line);border-radius:3px;color:var(--soft)}.console-actions{display:flex;align-items:center;gap:6px}.console-mode{font-size:8px;color:var(--muted);margin-right:8px}.console-body{height:93px;overflow:auto;padding:12px 21px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.log-line{display:flex;align-items:baseline;gap:12px;font-size:10px;line-height:1.9;color:var(--soft)}.log-time{font:8px var(--mono);color:var(--muted);flex-shrink:0}.log-level{font:8px var(--mono);color:var(--accent);min-width:29px}.log-level.warn{color:var(--orange)}.log-level.error{color:var(--danger)}.workspace-footer{height:25px;flex-shrink:0;background:var(--bg);border-top:1px solid var(--line-subtle);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;font-size:8px;color:var(--muted)}.workspace-footer>span{display:flex;align-items:center;gap:6px}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);display:inline-block}.footer-divider{margin:0 4px;opacity:.4}.inspector-panel{width:258px;flex-shrink:0;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.inspector-panel.is-hidden{display:none}.inspector-title{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px}.inspector-content{padding:20px 17px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}#inspector-content{padding:22px 17px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.inspector-node-top{display:flex;gap:11px;align-items:center;margin-bottom:22px}.inspector-node-top .node-symbol{width:38px;height:38px;border-radius:9px}.inspector-node-top .node-symbol svg{width:20px;height:20px}.inspector-node-top h2{font-size:15px;font-weight:500}.inspector-node-top small{font:8px var(--mono);color:var(--muted);display:block;margin-top:4px;letter-spacing:.03em}.inspector-divider{border:0;border-top:1px solid var(--line);margin:19px 0}.field-label{display:block;font-size:10px;color:var(--soft);margin-bottom:7px}.field-label .tag{float:right;font:8px var(--mono);color:var(--muted)}.field-input{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:9px 10px;font-size:11px;line-height:1.5;min-width:0}.field-input:disabled{color:var(--soft);opacity:1}.field-input option{background:var(--panel);color:var(--text)}textarea.field-input{resize:vertical;min-height:76px}.field-group{margin-bottom:18px}.field-hint{color:var(--muted);font-size:9px;line-height:1.8;margin-top:7px}.inspector-section-title{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text);margin-bottom:12px}.inspector-section-title svg{width:13px;height:13px;color:var(--soft)}.parameter-line{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:10px 0}.parameter-line>span:first-child{color:var(--muted)}.parameter-line code{font:9px var(--mono);color:var(--soft)}.demo-scenarios{display:flex;flex-direction:column;gap:6px}.scenario-button{width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--soft)}.scenario-button.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-tint);color:var(--text)}.radio-dot{width:11px;height:11px;border:1px solid var(--muted);border-radius:50%;position:relative;flex-shrink:0}.scenario-button.active .radio-dot{border-color:var(--accent)}.scenario-button.active .radio-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--accent)}.test-result{padding:13px;border:1px solid var(--line);border-radius:7px;margin-top:16px;background:var(--bg)}.test-result-label{font:8px var(--mono);color:var(--muted);letter-spacing:.06em}.test-result strong{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin:7px 0 3px}.test-result strong svg{width:14px;height:14px}.test-result p{font-size:9px;color:var(--muted);line-height:1.7}.test-result.pass strong{color:var(--accent)}.test-result.fail strong{color:var(--danger)}.delete-node{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px;color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:6px;margin-top:20px}.delete-node svg{width:12px;height:12px}.delete-node:hover{color:var(--danger);border-color:var(--danger)}.inspector-bottom{display:flex;gap:8px;padding:16px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.8}.inspector-bottom svg{width:14px;height:14px;margin-top:2px}.inspector-bottom p{margin:0}.browse-view{flex:1;overflow:auto;padding:55px max(40px,calc((100vw - 1180px)/2));scrollbar-width:thin}.browse-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:52px}.browse-top .eyebrow,.projects-heading .eyebrow{color:var(--soft);font-size:10px;letter-spacing:.14em;margin-bottom:19px}.browse-top h1,.projects-heading h1{font-size:48px;line-height:1.32;font-weight:450;letter-spacing:-.04em}.browse-top p,.projects-heading p{margin-top:19px;color:var(--soft);font-size:13px}.lime-text{color:var(--accent)}.template-note{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:11px;border-left:1px solid var(--line);padding-left:27px;line-height:1.9}.template-note>span:first-child{height:56px;width:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--accent)}.template-note svg{width:26px;height:26px}.template-note strong{color:var(--soft);font-weight:400}.browse-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.browse-heading h2{font-size:16px;font-weight:500}.browse-heading h2 span{font:10px var(--mono);margin-left:9px;color:var(--muted)}.browse-heading>span{font-size:10px;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden;text-align:left;transition:transform .2s,border-color .2s}.template-card:hover{transform:translateY(-4px);border-color:var(--soft)}.template-art{height:175px;position:relative;background-color:var(--canvas);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:14px 14px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.template-art svg{width:100%;height:100%}.template-card-body{padding:22px}.template-kicker{font:8px var(--mono);color:var(--soft);letter-spacing:.07em}.template-card h3{font-size:20px;font-weight:500;margin:8px 0 10px}.template-card p{font-size:11px;color:var(--soft);line-height:1.9;min-height:42px}.template-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:10px}.template-tag{font:8px var(--mono);background:var(--panel-raised);border:1px solid var(--line);padding:4px 7px;border-radius:4px;color:var(--soft)}.template-open{display:flex;align-items:center;gap:5px;color:var(--accent)}.template-open svg{width:13px;height:13px}.principle-row{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0;padding:28px 0;border-top:1px solid var(--line);gap:25px}.principle-row>div>span{font:10px var(--mono);color:var(--muted);display:inline-block;margin-right:10px}.principle-row strong{font-size:12px;font-weight:500}.principle-row p{font-size:10px;color:var(--muted);margin:8px 0 0 27px}.projects-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:38px}.projects-heading h1{font-size:42px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:22px}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.project-card-icon{height:38px;width:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel-raised);color:var(--accent);display:flex;align-items:center;justify-content:center}.project-card h3{font-weight:500;font-size:15px;overflow-wrap:anywhere}.project-card p{font-size:10px;color:var(--muted);margin-top:8px}.project-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.project-card-actions span{font-size:9px;color:var(--muted)}.local-notice{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-top:30px;padding:16px 0;border-top:1px solid var(--line)}.local-notice svg{width:14px;height:14px}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:75px 20px;border:1px dashed var(--line);border-radius:12px}.empty-state>span{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;color:var(--soft);margin-bottom:20px}.empty-state>span svg{width:26px;height:26px}.empty-state h3{font-size:18px;font-weight:500}.empty-state p{font-size:12px;color:var(--muted);margin:9px 0 25px}.toast-stack{position:fixed;right:23px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(390px,calc(100vw - 40px));pointer-events:none}.toast{border:1px solid var(--line);border-radius:9px;background:var(--panel-raised);box-shadow:var(--shadow);padding:12px 16px;font-size:11px;color:var(--text);display:flex;align-items:flex-start;gap:9px;animation:toast-in .2s ease}.toast svg{width:15px;height:15px;color:var(--accent);flex-shrink:0;margin-top:1px}.toast.error svg{color:var(--danger)}.dialog{border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);width:min(620px,calc(100vw - 32px));padding:36px;box-shadow:0 30px 100px #0008;max-height:90dvh;overflow:auto}.dialog::backdrop{background:#060a07b3;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:14px}.dialog h2{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:13px 0 10px}.dialog>p{font-size:12px;color:var(--soft)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:29px 0}.help-grid>div>span{display:block;color:var(--accent);margin-bottom:9px}.help-grid strong{display:block;font-size:12px;font-weight:500}.help-grid p{font-size:11px;color:var(--soft);margin-top:7px;line-height:1.9}.help-warning{display:flex;gap:9px;color:var(--muted);font-size:10px;line-height:1.9;border-top:1px solid var(--line);padding-top:18px;margin-bottom:25px}.help-warning svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}#new-dialog{max-width:430px}#new-dialog h2{margin-bottom:25px}.new-template-options{margin:19px 0;display:flex;flex-direction:column;gap:8px}.new-template-option{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:7px;text-align:left;font-size:12px}.new-template-option.active{border-color:var(--accent);background:var(--accent-tint)}.new-template-option svg{width:17px;height:17px;color:var(--soft)}.new-template-option .radio-dot{margin-left:auto}.new-template-option.active .radio-dot{background:var(--accent);border-color:var(--accent)}.recommended-item{display:block;text-align:left;width:100%;padding:13px 11px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--panel-soft)}.recommended-item strong{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.recommended-item strong svg{width:14px;height:14px;color:var(--accent)}.recommended-item small{display:block;font-size:9px;color:var(--muted);margin-top:8px;line-height:1.8}.empty-search{color:var(--muted);text-align:center;padding:30px 10px;font-size:11px}
@keyframes flow{to{stroke-dashoffset:-30}}@keyframes toast-in{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1680px){.library-panel{width:250px;padding-left:20px;padding-right:20px}.inspector-panel{width:280px}.topbar{height:74px}.project-toolbar{min-height:93px}.node{width:204px}.canvas-caption{top:34px;left:35px}.canvas-caption h1{font-size:28px}.canvas-caption p{font-size:12px}.console{height:156px}.console-body{height:117px}.browse-view{padding-top:70px}}
@media(max-width:1260px){.topbar{gap:20px;padding:0 19px}.library-panel{width:205px;padding-left:12px;padding-right:12px}.inspector-panel{width:229px}.project-toolbar{padding:15px}.project-actions{gap:5px}.button{padding:0 8px}.project-heading input{width:190px}.project-actions .ghost{padding:0 5px}.project-actions .ghost>span:not([data-icon]){display:none}.project-glyph{display:none}.canvas-coordinate{display:none}.canvas-caption h1{font-size:20px}.minimap{width:113px;height:69px}.canvas-caption p{font-size:9px}.canvas-caption .eyebrow{font-size:7px}.project-actions kbd{display:none}}
@media(max-width:1080px){.inspector-panel{position:absolute;right:0;top:0;bottom:0;z-index:23;width:260px;box-shadow:-15px 0 50px #0004}.inspector-panel:not(.is-open){display:none}.top-actions{gap:6px}.preview-badge{font-size:8px}.topbar{gap:22px}.main-nav{gap:2px}.nav-item{font-size:11px;padding:0 9px}.library-panel{width:220px}.project-heading input{width:245px}.canvas-caption h1{font-size:23px}.canvas-caption p{font-size:10px}.template-note{display:none}.browse-view{padding:35px}.template-grid{gap:14px}.template-card-body{padding:17px}.template-card h3{font-size:18px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app{min-height:650px}.topbar{height:58px;padding:0 13px;gap:15px}.brand{font-size:22px;gap:7px}.brand img{width:27px;height:27px}.edition{display:none}.main-nav{margin-left:auto;gap:1px}.nav-item{padding:0 8px;font-size:10px;gap:4px}.nav-item svg{width:13px;height:13px}.top-actions{margin-left:0;gap:1px}.preview-badge,.avatar,#help-button,.project-count{display:none}.activity-rail{width:48px;padding-top:14px;gap:10px}.rail-button{width:32px;height:32px}.rail-button svg{width:17px;height:17px}.library-panel{position:absolute;left:48px;top:0;bottom:0;z-index:24;width:224px;box-shadow:15px 0 40px #0004}.library-panel:not(.is-open){display:none}.project-toolbar{padding:13px 14px;min-height:74px;align-items:flex-start}.project-heading input{width:190px;font-size:12px}.breadcrumb{font-size:8px}.project-actions .ghost{display:none}.project-actions .secondary{width:30px;padding:0}.project-actions .secondary>span:not([data-icon]){display:none}.project-actions .primary{font-size:10px;height:30px;padding:0 9px;gap:5px}.project-actions .primary svg{width:12px;height:12px}.project-actions{margin-top:5px}.project-identity{gap:5px}.canvas-caption{left:22px;top:22px}.canvas-caption h1{font-size:23px}.canvas-caption p{max-width:210px;line-height:1.8}.canvas-bottom{left:15px;right:15px;bottom:17px}.canvas-tools{gap:1px;padding:3px}.canvas-tool{width:27px}.minimap{right:15px;bottom:71px;width:100px;height:59px}.minimap svg{height:43px}.console-header{padding:0 13px}.console-body{padding:9px 13px}.console{height:123px}.console-body{height:84px}.workspace-footer{padding:0 9px;font-size:7px}.workspace-footer .footer-divider{margin:0 1px}.workspace-tab{padding:0 15px}.workspace-strip{padding-right:9px}.engine-note{font-size:8px}.log-line{font-size:9px;gap:7px}.log-time{font-size:7px}.log-level{font-size:7px;min-width:25px}.browse-view{padding:30px 22px}.browse-top{margin-bottom:30px}.browse-top h1,.projects-heading h1{font-size:35px}.browse-top p,.projects-heading p{font-size:11px;line-height:1.9}.template-grid{grid-template-columns:1fr}.template-card{display:grid;grid-template-columns:40% 1fr}.template-art{height:100%;min-height:220px;border-bottom:0;border-right:1px solid var(--line)}.template-card-body{padding:20px}.template-card h3{font-size:20px}.template-card p{font-size:11px}.template-card-footer{margin-top:18px}.principle-row{gap:17px}.principle-row strong{font-size:11px}.principle-row>div>span{display:block;margin-bottom:7px}.principle-row p{margin-left:0;line-height:1.8}.browse-heading>span{font-size:8px}.projects-grid{grid-template-columns:1fr}.projects-heading{align-items:flex-start}.projects-heading>.button{margin-top:30px}.dialog{padding:27px 23px}.dialog h2{font-size:25px}.help-grid{gap:20px}}
@media(max-width:440px){.topbar{gap:8px;padding:0 10px}.brand{font-size:20px;gap:6px}.brand img{width:26px;height:26px}.nav-item{padding:0 6px;font-size:10px}.nav-item>span[data-icon]{display:none}.main-nav{gap:1px}.top-actions .icon-button{width:25px}.activity-rail{width:42px}.library-panel{left:42px}.project-toolbar{flex-wrap:wrap;gap:9px;min-height:105px;padding:11px 13px}.project-identity{width:100%}.project-heading{flex:1}.project-heading input{width:100%}.unsaved-dot{margin-right:5px}.project-actions{margin-top:0;width:100%;justify-content:flex-end}.project-actions .secondary{width:auto;padding:0 8px}.project-actions .secondary>span:not([data-icon]){display:initial}.project-actions .primary{padding:0 11px}.project-actions .button{height:28px}.canvas-caption h1{font-size:20px}.canvas-caption .eyebrow{font-size:6px}.canvas-caption p{font-size:9px}.canvas-tools{gap:0}.canvas-tool{width:25px}.tool-separator{margin:0 2px}.zoom-value{min-width:33px;font-size:8px}.canvas-caption{left:17px}.canvas-bottom{left:10px}.workspace-footer>span:last-child{display:none}.console-count{display:none}.console-header{padding-left:11px;padding-right:9px}.canvas-viewport{min-height:265px}.inspector-panel{width:min(275px,calc(100vw - 42px))}.help-grid{grid-template-columns:1fr}.template-card{grid-template-columns:1fr}.template-art{height:150px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.template-card-body{padding:20px}.browse-heading{gap:12px}.browse-heading>span{max-width:140px;text-align:right}.principle-row{grid-template-columns:1fr;padding-top:19px}.principle-row>div>span{display:inline-block;margin-bottom:0}.principle-row p{margin-left:26px}.projects-heading h1{font-size:29px}.projects-heading .eyebrow{font-size:8px}.browse-top .eyebrow{font-size:8px}.dialog h2{font-size:23px}.local-notice{align-items:flex-start;line-height:1.9}}
.connections:hover .wire-delete{opacity:1;pointer-events:all}
html[data-theme=light]{--accent:#4c7628;--accent-text:#ffffff;--shadow:0 12px 36px #24332210}
html[data-theme=light] .node{box-shadow:0 5px 16px #25351e0a}
html[data-theme=light] .node.selected{box-shadow:0 0 0 3px #4c762810,0 7px 20px #25351e0a}
@media(min-width:1440px){.canvas-caption h1{font-size:27px}.canvas-caption p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.browse-top{position:relative;isolation:isolate;min-height:320px;padding:45px 48px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0b0f0d;color:#f4f7f1}
.browse-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.browse-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,9,8,.98) 0%,rgba(7,10,9,.9) 34%,rgba(8,12,10,.34) 62%,rgba(7,10,9,.08) 100%)}
.browse-hero-copy{max-width:510px}
.browse-hero-copy h1{color:#f4f7f1}
.browse-hero-copy p{color:#aebcaf}
.browse-hero-action{margin-top:26px}
.browse-top .template-note{align-self:flex-end;margin-bottom:4px;color:#aebcaf;border-left-color:#65706a}
.browse-top .template-note strong{color:#f4f7f1}
@media(max-width:1080px){.browse-top{min-height:290px;padding:38px}.browse-hero-image{object-position:66% 50%}}
@media(max-width:760px){.browse-top{min-height:300px;padding:30px}.browse-hero-image{object-position:64% 50%}.browse-hero-shade{background:linear-gradient(90deg,rgba(6,9,8,.98) 0%,rgba(7,10,9,.86) 50%,rgba(7,10,9,.2) 100%)}.browse-hero-copy{max-width:330px}.browse-hero-action{margin-top:20px}}
@media(max-width:440px){.browse-top{min-height:310px;padding:25px 22px}.browse-hero-image{object-position:61% 50%;opacity:.82}.browse-hero-shade{background:linear-gradient(90deg,rgba(6,9,8,.98) 0%,rgba(7,10,9,.86) 64%,rgba(7,10,9,.22) 100%)}.browse-hero-copy{max-width:265px}.browse-top h1{font-size:30px}.browse-hero-action{height:34px;padding:0 12px;font-size:10px}}
.home-view{flex:1;min-height:0;overflow:auto;background:#0b0f0d;color:#f4f7f1;scrollbar-width:thin}
.home-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;padding:70px max(40px,calc((100vw - 1180px)/2)) 90px;overflow:hidden}
.home-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:73% 50%}
.home-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,8,7,.99) 0%,rgba(6,9,8,.94) 35%,rgba(6,10,8,.48) 60%,rgba(6,9,8,.12) 100%)}
.home-hero-content{width:min(620px,52vw)}
.home-hero .eyebrow{display:block;margin-bottom:22px;color:var(--accent);font:10px var(--mono);letter-spacing:.14em}
.home-hero h1{font-size:62px;line-height:1.12;font-weight:500;letter-spacing:0;color:#f4f7f1}
.home-hero h1 span{font-weight:650}
.home-hero p{max-width:590px;margin-top:25px;color:#b7c3b9;font-size:17px;line-height:1.9}
.home-actions{display:flex;align-items:center;gap:10px;margin-top:32px}
.home-actions .button{height:42px;padding:0 18px}
.home-actions .secondary{border-color:#435048;background:rgba(14,20,17,.72);color:#eef4ed}
.home-actions .secondary:hover{background:#1a231e}
.home-boundary{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:28px;color:#839087;font:10px var(--mono)}
.home-boundary svg{width:15px;height:15px;color:var(--accent)}
.home-boundary span+span:before{content:"/";margin-right:11px;color:#48534c}
.home-boundary svg+span:before{content:none}
.home-capabilities{padding:62px max(40px,calc((100vw - 1180px)/2)) 85px;background:var(--bg);color:var(--text);border-top:1px solid var(--line)}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.home-section-heading .eyebrow{display:block;margin-bottom:10px}
.home-section-heading h2{font-size:28px;font-weight:500;letter-spacing:0}
.home-section-heading p{max-width:360px;color:var(--muted);text-align:right}
.home-flow-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-flow-item{width:100%;display:grid;grid-template-columns:42px 50px minmax(0,1fr) 26px;align-items:center;gap:20px;padding:24px 4px;text-align:left;border-bottom:1px solid var(--line);transition:background .18s,color .18s}
.home-flow-item:last-child{border-bottom:0}
.home-flow-item:hover{background:var(--panel);color:var(--accent)}
.home-flow-index{color:var(--muted);font:10px var(--mono)}
.home-flow-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--accent)}
.home-flow-icon svg{width:20px;height:20px}
.home-flow-item strong{display:block;font-size:17px;font-weight:550;letter-spacing:0}
.home-flow-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.home-flow-open{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.home-flow-open svg{width:18px;height:18px}
@media(max-width:1080px){.home-hero{min-height:580px;padding-left:42px;padding-right:42px}.home-hero-content{width:58vw}.home-hero h1{font-size:52px}.home-hero p{font-size:15px}.home-hero-image{object-position:68% 50%}.home-capabilities{padding-left:42px;padding-right:42px}}
@media(max-width:760px){.home-hero{min-height:590px;padding:55px 24px 70px;align-items:flex-start}.home-hero-content{width:min(480px,88vw)}.home-hero-image{object-position:66% 50%;opacity:.84}.home-hero-shade{background:linear-gradient(90deg,rgba(5,8,7,.99) 0%,rgba(6,9,8,.92) 58%,rgba(6,9,8,.25) 100%)}.home-hero h1{font-size:46px}.home-hero p{font-size:14px;line-height:1.8}.home-capabilities{padding:45px 22px 60px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.home-section-heading p{text-align:left}.home-flow-item{grid-template-columns:34px 42px minmax(0,1fr) 20px;gap:13px;padding:21px 2px}.home-flow-icon{width:38px;height:38px}.home-flow-item strong{font-size:15px}}
@media(max-width:440px){.home-hero{min-height:600px;padding:48px 22px 65px}.home-hero-content{width:100%}.home-hero .eyebrow{font-size:8px;margin-bottom:18px}.home-hero h1{font-size:39px}.home-hero p{max-width:305px;font-size:12px}.home-actions{align-items:flex-start;flex-direction:column}.home-actions .button{width:auto}.home-boundary{max-width:290px;line-height:1.8}.home-flow-item{grid-template-columns:30px minmax(0,1fr) 18px}.home-flow-icon{display:none}.home-flow-item small{font-size:10px;line-height:1.7}.home-section-heading h2{font-size:24px}}
@media(max-width:360px){.brand>span:not(.edition){display:none}.brand{gap:0}.topbar{gap:5px}.nav-item{padding:0 5px}.home-hero h1{font-size:35px}}
.edit-commandbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:4px 18px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}
.edit-actions{display:flex;gap:5px;align-items:center}.edit-actions button{display:flex;gap:6px;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:5px;font-size:11px;color:var(--soft)}
.edit-actions button:not(:disabled):hover{background:var(--panel-raised);color:var(--accent)}.edit-actions svg{width:14px;height:14px}
#undo-button,#redo-button{font-size:22px}#results-button{color:var(--accent)}
.node-evidence{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:8px}
.node-evidence>strong{font-size:12px}.node-evidence p{font-size:11px;color:var(--soft);margin:7px 0}
.node-evidence pre{font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;color:var(--soft)}
.node-example{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-dialog{width:min(800px,94vw);max-width:800px;max-height:90dvh;overflow:auto}
#report-summary{margin:14px 0;color:var(--soft)}.report-step{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.report-step>span{color:var(--accent)}.report-step.fail>span{color:var(--danger)}.report-step>div{flex:1;min-width:0}.report-step p{font-size:12px;color:var(--soft)}
.report-step code{font:11px var(--mono);color:var(--muted)}.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}
.report-dialog details{margin-top:20px}.report-dialog summary{cursor:pointer;color:var(--soft)}
#report-json{font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;background:var(--bg);padding:14px}
@media(max-width:760px){.edit-commandbar{padding:4px 8px;flex-wrap:wrap}.edit-actions{gap:2px}.edit-actions button{font-size:10px}.report-step code{font-size:9px}.report-dialog{padding:28px 18px}}
.empty-canvas{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:min(360px,90%);color:var(--soft)}
.empty-canvas>span{display:block;color:var(--accent);margin:0 0 10px}.empty-canvas>span svg{width:32px;height:32px}
.empty-canvas strong{display:block;font-size:15px;color:var(--text)}.empty-canvas p{font-size:11px;margin:8px 0 18px}
.input-connections>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line-subtle);padding:8px 0;font-size:11px;color:var(--soft)}
.input-connections small{display:block;color:var(--muted);font-size:10px}.input-connections button{padding:6px;color:var(--muted)}.input-connections button:hover{color:var(--danger)}

/* QForge v0.6: restrained engineering product system */
:root{
  --bg:#0d100f;
  --panel:#131715;
  --panel-raised:#181d1a;
  --panel-soft:#151a17;
  --canvas:#101411;
  --line:#29302c;
  --line-subtle:#222824;
  --text:#f0f2ef;
  --soft:#adb7b0;
  --muted:#748078;
  --accent:#9ac49f;
  --accent-text:#0c160f;
  --accent-tint:#1c2a20;
  --blue:#8ba7c5;
  --blue-tint:#1d2730;
  --violet:#aa9ebd;
  --violet-tint:#292431;
  --orange:#c9a775;
  --orange-tint:#30291e;
  --danger:#d89187;
  --shadow:0 12px 34px #00000038;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;
}
html[data-theme=light]{
  --bg:#f2f4f1;
  --panel:#ffffff;
  --panel-raised:#f6f8f5;
  --panel-soft:#eef1ed;
  --canvas:#f7f8f6;
  --line:#d5dbd6;
  --line-subtle:#e3e7e4;
  --text:#202622;
  --soft:#58645c;
  --muted:#7a867e;
  --accent:#62886a;
  --accent-text:#ffffff;
  --accent-tint:#e2ece4;
  --blue:#56738f;
  --blue-tint:#e5ebf0;
  --shadow:0 12px 30px #1b271d14;
}
*{letter-spacing:0}
.app{min-height:620px}
.topbar{height:64px;padding:0 24px;gap:28px;background:var(--bg)}
.brand{gap:9px;font-size:20px;font-weight:650}
.brand-mark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d7dcd8;border-radius:5px;background:#eef0ed}
.brand-mark img{display:block;width:31px;height:31px;object-fit:contain}
.edition{font-size:8px;padding:3px 5px;margin-left:1px;color:var(--muted);border-color:var(--line);white-space:nowrap}
.main-nav{gap:3px}
.nav-item{height:34px;border-radius:4px;padding:0 11px}
.nav-item.active{background:var(--panel-raised);box-shadow:inset 0 0 0 1px var(--line-subtle)}
.nav-item:hover{background:var(--panel-raised)}
.preview-badge{font-size:9px}
.avatar{border-radius:5px;background:var(--panel-raised);color:var(--text)}
.icon-button,.rail-button{border-radius:4px}
.official-x{font:600 14px/1 var(--font);color:var(--soft);text-decoration:none}
.official-x:hover{background:var(--panel-raised);color:var(--text)}
.button{border-radius:5px}
.button.primary{background:var(--accent);color:var(--accent-text)}
.button.primary:hover{filter:brightness(1.04)}
.button.secondary{background:var(--panel-raised);border-color:var(--line)}
.button.secondary:hover{border-color:#4a554e;background:var(--panel-soft)}
.home-view{overflow-y:auto;background:var(--bg)}
.home-hero{min-height:520px;height:min(66vh,620px);padding:54px 7vw 58px;border-bottom:1px solid var(--line);isolation:isolate}
.home-hero-image{object-fit:cover;object-position:center 33%;opacity:.7;filter:saturate(.68) contrast(.94)}
.home-hero-shade{background:rgba(7,10,8,.69)}
html[data-theme=light] .home-hero-shade{background:rgba(241,244,240,.76)}
.home-hero-content{width:min(620px,56vw);z-index:2}
.home-hero .eyebrow{margin-bottom:18px;color:#b7c9ba;font-size:9px}
.home-hero h1{font-size:56px;line-height:1.08;font-weight:620;color:#f2f4f1}
.home-hero h1 span{color:#ffffff}
.home-hero p{font-size:16px;line-height:1.75;max-width:570px;color:#c2cbc4}
html[data-theme=light] .home-hero h1,html[data-theme=light] .home-hero h1 span{color:#172019}
html[data-theme=light] .home-hero p{color:#455149}
html[data-theme=light] .home-hero .eyebrow{color:#536b58}
.home-actions{margin-top:28px}
.home-boundary{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff26;color:#b7c0ba}
html[data-theme=light] .home-boundary{border-color:#24342924;color:#536058}
.home-capabilities{padding-top:42px;padding-bottom:64px}
.home-section-heading{margin-bottom:20px}
.home-section-heading h2{font-size:25px}
.home-flow-list{border-top:1px solid var(--line)}
.home-flow-item{border-radius:0;padding:19px 2px}
.home-flow-item:hover{background:var(--panel-soft)}
.home-flow-icon{border-radius:4px;background:var(--panel)}
.home-flow-open{transition:transform .15s ease}
.home-flow-item:hover .home-flow-open{transform:translateX(2px)}
.browse-hero-shade{background:rgba(7,10,8,.72)}
html[data-theme=light] .browse-hero-shade{background:rgba(241,244,240,.78)}
.activity-rail{width:56px;padding-top:16px}
.rail-button{width:34px;height:34px}
.rail-button:hover,.rail-button.active{color:var(--text);background:var(--panel-raised);box-shadow:inset 0 0 0 1px var(--line-subtle)}
.library-panel{width:232px;padding-top:22px}
.workspace-toolbar,.edit-commandbar,.workspace-footer{background:var(--panel)}
.canvas-area{background-color:var(--canvas)}
.flow-node{border-radius:6px;box-shadow:0 8px 22px #00000026}
.flow-node.selected{box-shadow:0 0 0 1px var(--accent),0 8px 22px #00000030}
.inspector-panel{background:var(--panel)}
.dialog{border-radius:6px}
.empty-state{border-radius:6px}
@media(max-width:1080px){
  .home-hero{min-height:500px;height:62vh;padding:48px 42px 54px}
  .home-hero-content{width:min(620px,68vw)}
  .home-hero h1{font-size:48px}
}
@media(max-width:760px){
  .topbar{padding-left:16px;padding-right:16px}
  .edition{display:none}
  .home-hero{min-height:510px;height:auto;padding:48px 24px 58px}
  .home-hero-content{width:min(520px,92vw)}
  .home-hero-image{object-position:58% 50%;opacity:.62}
  .home-hero-shade{background:rgba(7,10,8,.78)}
  html[data-theme=light] .home-hero-shade{background:rgba(241,244,240,.84)}
  .browse-hero-shade{background:rgba(7,10,8,.8)}
  html[data-theme=light] .browse-hero-shade{background:rgba(241,244,240,.86)}
  .home-hero h1{font-size:42px}
}
@media(max-width:440px){
  .topbar{min-height:88px;padding-top:7px}
  #theme-button{display:none}
  .brand-mark{width:30px;height:30px}
  .brand-mark img{width:27px;height:27px}
  .brand{font-size:16px;gap:6px}
  .home-hero{min-height:500px;padding:42px 20px 52px}
  .home-hero h1{font-size:36px}
  .home-hero p{font-size:13px}
  .home-boundary{max-width:330px}
  .home-flow-item{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;min-height:92px}
  .home-flow-item .home-flow-icon{display:none}
  .home-flow-item>span:nth-child(3){min-width:0}
  .home-flow-item strong,.home-flow-item small{overflow-wrap:anywhere}
}