:root{color-scheme:dark;--bg:#0c1117;--panel:#121920;--surface:#161e27;--hover:#1d2934;--line:#25313c;--line-soft:#1e2933;--text:#d9e2e9;--muted:#80909f;--dim:#546574;--accent:#87dfbd;--accent-dim:#224039;--red:#e99a97;--amber:#d9b67a;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--left:238px;--right:263px;--bottom:193px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;white-space:nowrap}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}input,textarea,select{color:var(--text);background:var(--bg);border:1px solid var(--line);outline:none}button:hover{color:#f3faf7}input::placeholder{color:var(--dim)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon.tiny{width:11px;height:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--muted)}.icon-button:hover{background:var(--hover)}.muted{color:var(--muted)}.flex-spacer{flex:1}.small-dot,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.live-dot{box-shadow:0 0 9px #8cdfb84a}.count{font:10px var(--mono);padding:2px 5px;background:#24313b;border-radius:3px;color:#97a9b7}.tag-outline{font-size:9px;letter-spacing:.4px;padding:3px 6px;border:1px solid #34414b;border-radius:3px;color:#8fa2b1}.tiny-tag{font:9px var(--mono);color:var(--dim)}kbd{font:10px var(--mono);color:var(--dim);border:1px solid #303c46;border-radius:3px;padding:2px 4px}#app{height:100dvh;display:flex;flex-direction:column;min-width:880px}.titlebar{height:56px;flex-shrink:0;background:#121921;display:flex;align-items:center;padding:0 17px;gap:23px;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:1.6px;font-weight:700;flex-shrink:0}.brand-mark{display:flex;width:31px;height:31px;border-radius:8px;background:var(--accent);align-items:center;justify-content:center;box-shadow:0 0 20px #80ddb719}.brand-mark svg{width:26px;stroke:#16372c;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.brand-studio{font-size:9px;letter-spacing:2.6px;display:block;font-weight:500;color:var(--muted);margin-top:1px}.version-tag{font:8px var(--mono);letter-spacing:.7px;background:#202d37;border:1px solid #30414e;color:#8b9ca9;border-radius:3px;padding:3px 4px;margin-left:1px;align-self:center}.project-name{display:flex;gap:11px;align-items:center;font-size:11px;white-space:nowrap}.project-dot{width:7px;height:7px;background:#a095d1;border-radius:2px;transform:rotate(-15deg)}.command-trigger{margin-left:auto;width:275px;height:30px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:5px;color:#708291;font-size:11px;background:#0f151c;text-align:left}.command-trigger .icon{width:14px}.command-trigger kbd{margin-left:auto}.title-right{display:flex;gap:13px;align-items:center}.title-right #saveStatus{font-size:10px;color:#95a49e;display:flex;align-items:center;gap:7px;white-space:nowrap}.avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#31433e;color:#bcd8cb;font-size:10px;border:1px solid #4a6258}.menubar{height:30px;flex-shrink:0;display:flex;align-items:center;padding:0 15px;background:#10171e;border-bottom:1px solid var(--line-soft)}.menus{display:flex;gap:1px}.menus button{padding:5px 10px;color:#a3afba;font-size:11px;border-radius:3px}.menus button:hover{background:var(--hover)}.project-context{margin-left:auto;font:10px var(--mono);color:#657987;display:flex;align-items:center;gap:10px}.project-context .slash{color:#3b4b58}.project-context .tag-outline{padding:2px 5px;font:9px -apple-system,sans-serif;color:#708e82;border-color:#2c4239}.toolbar{height:51px;padding:7px 13px;display:flex;align-items:center;gap:9px;flex-shrink:0;background:#151d26;border-bottom:1px solid var(--line)}.tool-group{display:flex;align-items:center;gap:3px;padding-right:11px;border-right:1px solid #2b3742}.tool{height:31px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid transparent;border-radius:4px;color:#a1afbc;font-size:11px}.tool:hover{background:var(--hover)}.tool.active{background:#293b37;border-color:#4d7062;color:#bcead7}.tool.icon-only{width:30px;padding:0}.tool .icon{width:16px}.zoom-readout{font:10px var(--mono);color:#8d9dac;min-width:33px;text-align:center}.toolbar-spacer{flex:1}.primary-button{height:31px;display:inline-flex;gap:7px;align-items:center;justify-content:center;background:var(--accent);color:#112c22;border:1px solid #a3eed0;border-radius:4px;font-size:11px;font-weight:600;padding:0 13px;box-shadow:0 1px 4px #0002}.primary-button:hover{background:#a3ebcf;color:#10281f}.primary-button .icon{width:14px;stroke-width:1.9}.primary-button.small{height:28px;font-size:10px;padding:0 11px}.primary-button kbd{color:#3e6d5a;border-color:#5fad8c}.workbench{display:flex;flex:1;min-height:0}.activity-bar{width:46px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;background:#10171e;border-right:1px solid var(--line);padding:6px 0}.activity{width:45px;height:45px;color:#6f8090;position:relative}.activity .icon{width:20px;height:20px}.activity.active{color:var(--accent);background:#1a2b29}.activity.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--accent)}.activity:hover{background:#19242d;color:#cad5df}.rail-divider{height:1px;background:var(--line);margin:11px}.left-panel{width:var(--left);flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.panel-heading{display:flex;align-items:center;justify-content:space-between;height:41px;min-height:41px;padding:0 13px;border-bottom:1px solid var(--line-soft);font-size:11px;font-weight:600;letter-spacing:.2px}.panel-tabs{display:flex;min-height:35px;border-bottom:1px solid var(--line-soft);padding:0 9px;gap:15px}.panel-tabs button{font-size:10px;color:#7e8e9e;padding:0 3px;position:relative}.panel-tabs button.active{color:#c9d6df}.panel-tabs button.active:after{content:"";position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--accent)}.filter-wrap{display:flex;align-items:center;gap:6px;position:relative;margin:12px 11px 9px;padding:0 8px;height:29px;background:#0e151c;border:1px solid var(--line);border-radius:4px}.filter-wrap .icon{width:13px;color:var(--dim)}.filter-wrap input{width:100%;border:0;background:none;font-size:10px;min-width:0}.filter-wrap kbd{border:0;font-size:11px;padding:0}.tree{min-height:180px;max-height:320px;overflow:auto;scrollbar-width:thin;padding:0 7px 10px}.tree-row{display:flex;align-items:center;gap:7px;min-height:27px;width:100%;text-align:left;font-size:10px;border:1px solid transparent;border-radius:3px;color:#9facb9;padding:0 6px}.tree-row.active{background:#21332e;border-color:#354c41;color:#c3e1d2}.tree-row:hover{background:#1b2731}.tree-row .icon{width:14px;height:14px;color:#738a9e}.tree-row .icon.tree-arrow{width:10px;transition:transform .1s}.tree-row .tree-arrow.open{transform:rotate(90deg)}.tree-row .tree-label{overflow:hidden;text-overflow:ellipsis;flex:1}.tree-row .tree-number{color:#526776;font:9px var(--mono)}.tree-row.indent{padding-left:24px}.tree-row.indent2{padding-left:41px}.tree-row .macro-icon{color:#9985c4}.tree-row .logic-icon{color:#72ab99}.tree-empty{color:var(--dim);padding:20px 7px;font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;height:37px;font-size:9px;letter-spacing:1px;color:#8193a2;font-weight:600;padding:0 13px}.section-heading .count{margin-left:5px;font-size:8px}.layer-section{border-top:1px solid var(--line);padding-bottom:7px}.layer-row{height:26px;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:10px;color:#97a7b4;cursor:pointer}.layer-row:hover{background:#18232d}.layer-row input{appearance:none;width:12px;height:12px;border:1px solid #44535f;background:transparent;border-radius:2px;position:relative;margin:0;cursor:pointer}.layer-row input:checked{background:#253e34;border-color:#55876f}.layer-row input:checked:after{content:"";position:absolute;width:5px;height:3px;border-left:1px solid #a5d7be;border-bottom:1px solid #a5d7be;left:2px;top:2px;transform:rotate(-45deg)}.layer-swatch{width:9px;height:9px;border:1px solid #ffffff2e;border-radius:1px}.layer-name{flex:1}.layer-code{font:9px var(--mono);color:#556979}.layer-caption{font-size:9px;color:#516675;margin:10px 14px 3px}.flow-section{border-top:1px solid var(--line);padding-bottom:9px;margin-top:auto}.flow-step{display:flex;gap:10px;align-items:center;width:100%;padding:6px 14px;font-size:10px;color:#98a8b5;position:relative}.flow-step:hover{background:var(--hover)}.step-icon{width:17px;height:17px;display:grid;place-items:center;border:1px solid #354550;border-radius:50%;color:#768997;background:#131d25;font:9px var(--mono)}.step-icon .icon{width:11px;height:11px}.flow-step.done .step-icon{background:#1c362d;border-color:#375b48;color:#8abfa3}.flow-step.busy .step-icon{border-color:var(--accent);animation:pulse 1s infinite}.flow-step .step-label{flex:1;text-align:left}.step-status{font-size:9px;color:#5c7484}.flow-step.done .step-status{color:#71a88e}.navigator-footer{height:31px;min-height:31px;border-top:1px solid var(--line-soft);color:#5c7581;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px}.navigator-footer .icon{width:11px;height:11px}.center-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.work-tabs{height:41px;min-height:41px;display:flex;background:#111820;border-bottom:1px solid var(--line)}.work-tabs>button{height:41px;display:flex;align-items:center;gap:7px;padding:0 15px;border-right:1px solid var(--line-soft);position:relative;font-size:10px;color:#788b9b}.work-tabs>button .icon{width:14px;height:14px}.work-tabs>button.active{background:#18222c;color:#d0dfeb}.work-tabs>button.active .icon{color:var(--accent)}.work-tabs>button.active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.tab-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:5px}.tab-spacer{flex:1}.work-tabs button.tab-icon{border:0;padding:0 12px}.view-toolbar{height:36px;min-height:36px;display:flex;align-items:center;padding:0 13px;gap:12px;background:#111b24;border-bottom:1px solid #27343f}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:10px;color:#7f91a2}.breadcrumb .icon{width:13px;height:13px;color:#668475}.breadcrumb .tiny{width:8px;color:#425866}.breadcrumb strong{font-weight:500;color:#b4c3cf}.view-modes{margin-left:auto;display:flex;gap:2px}.view-modes button{font-size:9px;color:#6f8495;padding:4px 9px;border-radius:3px;border:1px solid transparent}.view-modes button.active{background:#23322c;color:#b2cfc0;border-color:#354c40}.view-badge{border:1px solid #354652;background:#1b2a34;color:#839baa;padding:3px 5px;border-radius:3px;font:8px var(--mono)}.viewport-area{position:relative;flex:1;min-height:180px;background:#080d11}.view{display:none;position:absolute;inset:0}.view.active{display:flex}.view#layoutView{display:none}.view#layoutView.active{display:block}#layoutCanvas,#interaction{position:absolute;inset:0;width:100%;height:100%}#interaction{touch-action:none;outline:none;cursor:default}.canvas-hud{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:7px;font-size:9px;color:#6f8896;pointer-events:none;background:#0a131bce;padding:6px 8px;border:1px solid #22354190;border-radius:3px}.hud-divider{width:1px;height:9px;background:#30414d;margin:0 3px}.canvas-hud #visibleObjects{color:#4c697b;font:9px var(--mono)}.view-cube{position:absolute;right:16px;top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:42px;height:43px;background:linear-gradient(135deg,#192a35,#101a23);border:1px solid #3b5160;border-radius:3px;color:#a0b3c1;font:10px var(--mono);cursor:pointer;box-shadow:4px 4px 0 #131f28,4px 4px 0 1px #283b48}.view-cube small{font-size:7px;color:#4d6b7b}.canvas-bottom-left{position:absolute;left:14px;bottom:12px;display:flex;gap:6px}.canvas-toggle{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #273d48;background:#0e1a23e8;border-radius:3px;color:#6d8592;font-size:9px}.canvas-toggle.active{color:#99bdab;border-color:#345349}.canvas-toggle .icon{width:12px;height:12px}.canvas-toggle span{color:#506e7b;margin-left:4px}.minimap{position:absolute;right:15px;bottom:14px;width:137px;height:112px;background:#0b141ae8;border:1px solid #2e424f;border-radius:3px;overflow:hidden;box-shadow:0 3px 15px #0002}.minimap canvas{width:100%;height:94px;cursor:crosshair;display:block}.minimap span{height:15px;display:block;color:#536f80;font:7px var(--mono);text-align:center;letter-spacing:.7px;border-top:1px solid #22343e;padding-top:4px}.tool-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border:1px solid #3d5c50;background:#14291fe8;color:#b4dfc9;padding:8px 12px;border-radius:4px;font-size:10px;pointer-events:none;max-width:60%;white-space:nowrap}.bottom-resizer{height:4px;min-height:4px;background:#22313c;cursor:ns-resize}.bottom-resizer:hover{background:#6d9c8b}.bottom-panel{height:var(--bottom);min-height:36px;flex-shrink:0;background:#101820;display:flex;flex-direction:column}.bottom-tabs{height:33px;min-height:33px;display:flex;align-items:center;border-bottom:1px solid var(--line-soft);padding:0 8px;gap:5px}.bottom-tabs>button:not(.icon-button){height:33px;position:relative;display:flex;align-items:center;gap:6px;font-size:10px;color:#748997;padding:0 10px}.bottom-tabs>button.active{color:#c0d0dc}.bottom-tabs>button.active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:8px;right:8px}.bottom-tabs .icon{width:12px;height:12px}.bottom-tabs .count{font-size:8px;padding:2px 4px}.bottom-content{display:none;flex:1;min-height:0;overflow:auto;font-size:10px;scrollbar-width:thin}.bottom-content.active{display:block}#consoleBody.active{display:flex;flex-direction:column}#logs{overflow:auto;flex:1;min-height:0;padding:9px 14px 5px;font:10px/1.9 var(--mono);scrollbar-width:thin}.log{display:flex;gap:10px;white-space:nowrap}.log-time{color:#4d6677;flex-shrink:0}.log-kind{width:37px;color:#7ea88f;flex-shrink:0}.log-text{color:#a0b4c4}.log.error .log-kind,.log.error .log-text{color:#d9958e}.log.warn .log-kind{color:#c9ac73}.log.command .log-text{color:#bce4d0}#commandForm{display:flex;align-items:center;gap:9px;height:29px;min-height:29px;border-top:1px solid #23313b;padding:0 13px;font:10px var(--mono)}#commandForm>span{color:#7eac91}#commandInput{width:100%;border:0;background:none;font:10px var(--mono);padding:4px 0}#commandForm kbd{border:0}.right-panel{width:var(--right);flex-shrink:0;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.right-panel #inspector{flex:1;overflow:auto;scrollbar-width:thin}.design-card{margin:15px 13px 13px;border:1px solid #2c3d47;background:linear-gradient(115deg,#1b2b2c,#17222c);border-radius:5px;padding:13px}.design-card-top{display:flex;align-items:center;gap:10px}.chip-tile{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;background:#244135;border:1px solid #3a5f4c;color:#8bc8a8}.chip-tile .icon{width:23px;height:23px}.design-card h2{font-size:13px;font-weight:600;margin:0 0 5px;letter-spacing:.2px}.design-card p{margin:0;color:#7f9a9f;font-size:9px}.design-card-bottom{margin-top:12px;padding-top:10px;border-top:1px solid #30413f;display:flex;align-items:center;gap:5px;font-size:9px;color:#98b2a7}.design-card-bottom span:last-child{margin-left:auto;color:#567969}.inspector-section{border-top:1px solid var(--line-soft);padding:13px}.inspector-section h3{font-size:9px;letter-spacing:1px;color:#788f9f;margin:0 0 13px;font-weight:600}.property-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;min-height:27px;color:#7c92a2}.property-row>span:last-child{color:#bdcbd5;font:10px var(--mono);text-align:right}.property-row .positive{color:#8fc9a8!important}.property-row .negative{color:var(--red)!important}.property-row input{height:27px;width:111px;background:#0f171e;border:1px solid #2a3b46;border-radius:3px;padding:0 7px;font:10px var(--mono)}.property-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent)}.property-row select{width:111px;padding:5px;font-size:10px}.property-row.wide{display:block;margin-bottom:8px}.property-row.wide input{width:100%;margin-top:6px}.util-top{display:flex;gap:16px;align-items:center}.donut{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.donut:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}.donut strong{position:relative;font:13px var(--mono);color:#c8e4d4}.util-legend{font-size:9px;line-height:2.2;color:#8096a6}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:6px;height:6px;border-radius:1px}.legend-item b{margin-left:auto;padding-left:16px;color:#b8c7ce;font:9px var(--mono)}.timing-summary{padding:10px 11px;border:1px solid #493b39;border-radius:4px;background:#281f205e}.timing-summary-label{font-size:9px;color:#ad9490}.timing-number{font:23px var(--mono);color:#e5a598;margin-top:7px;letter-spacing:-.5px}.timing-number small{font-size:10px;color:#a28279}.timing-note{display:flex;align-items:center;gap:5px;font-size:9px;color:#ac8d81;margin-top:9px}.timing-note .icon{width:11px;height:11px}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:50px;padding-top:10px;margin-top:5px}.mini-chart i{flex:1;min-width:3px;border-radius:2px 2px 0 0;background:#477861}.chart-axis{display:flex;justify-content:space-between;font:8px var(--mono);color:#556f7f;margin-top:7px}.inspector-action{width:100%;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid #344b42;border-radius:3px;color:#9bbbaa;font-size:10px}.inspector-action:hover{background:#20382d}.inspector-note{font-size:9px;line-height:1.7;color:#587382;border:1px solid #253a45;border-radius:4px;padding:8px 10px;background:#11212a6b}.right-footer{height:31px;min-height:31px;display:flex;align-items:center;gap:5px;font-size:8px;color:#5d7784;padding:0 13px;border-top:1px solid var(--line-soft)}.right-footer span:last-child{margin-left:auto}.statusbar{height:26px;min-height:26px;border-top:1px solid #2b3c47;background:#17232d;color:#7290a2;display:flex;align-items:center;gap:10px;padding:0 13px;font:9px var(--mono)}.statusbar button{font:9px var(--mono);color:#89a595;display:flex;align-items:center;gap:6px;padding:0}.statusbar .icon{width:12px;height:12px}.status-divider{height:10px;width:1px;background:#344956}.engine-status .small-dot{width:4px;height:4px}#statusMessage{color:#8da3ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38%}#renderStats{color:#5f7d91}#coordinates{min-width:151px;color:#7796a8}.small-button{height:27px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #344651;border-radius:3px;font-size:10px;color:#a7bcc9;background:#19242e}.small-button:hover{background:#24333f}.small-button .icon{width:12px;height:12px}.schematic-toolbar,.editor-toolbar,.wave-toolbar{height:43px;min-height:43px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid #243741;background:#121e28;font-size:11px}#schematicView{flex-direction:column;background-color:#0a1219;background-image:radial-gradient(#2a3d487d .8px,transparent .8px);background-size:18px 18px}#schematicSvg{width:100%;flex:1;min-height:0;touch-action:none}.schematic-hint{height:31px;min-height:31px;padding:9px 13px;font-size:9px;color:#567789;background:#0f1b24;border-top:1px solid #263946}.schematic-node{cursor:grab}.schematic-node:hover .gate-body{stroke:#afdcc7}.schematic-node.selected .gate-body{stroke:#b6f1d1;stroke-width:2.5}.schematic-wire{stroke:#567b82;stroke-width:1.6;fill:none;opacity:.65}.schematic-wire.high{stroke:#85dcb4;opacity:.95}.port-hit{cursor:crosshair;fill:#0f1e27;stroke:#90c7b0;stroke-width:1.5}.port-hit:hover{fill:#a7efd0;stroke:#fff;stroke-width:2.5}.input-node{cursor:pointer}.input-node:hover rect{stroke:#cbffe7}.wave-toolbar label{font-size:10px;color:#849dab;display:flex;gap:7px;align-items:center}.wave-toolbar select{font:10px var(--mono);padding:4px;border-radius:3px}.wave-summary{height:32px;min-height:32px;display:flex;align-items:center;gap:8px;padding:0 15px;font-size:9px;border-bottom:1px solid #233641;color:#9db7c5}.wave-summary .muted{margin-left:auto;color:#4d7184}#waveView{flex-direction:column;background:#0a141d}#waveBody{flex:1;min-height:0;overflow:auto}#waveBody svg{min-width:700px;display:block;width:100%;font-family:var(--mono)}.wave-footer{height:29px;min-height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #263b49;color:#7094a7;font:9px var(--mono)}#rtlView{flex-direction:column;background:#101820}.editor-toolbar .icon{width:14px;color:#8db89d}.code-editor{position:relative;display:flex;min-height:0;flex:1;overflow:hidden;padding-top:14px}#lineNumbers{width:49px;min-width:49px;text-align:right;padding:0 12px 50px 0;color:#3f596d;white-space:pre;font:12px/23px var(--mono);overflow:hidden;border-right:1px solid #23313c;user-select:none}.code-surface{position:relative;flex:1;min-width:0;overflow:hidden}#codeHighlight,#hdlEditor{position:absolute;inset:0;margin:0;padding:0 20px 50px;border:0;font:12px/23px var(--mono);tab-size:4;white-space:pre;overflow:auto;word-wrap:normal;letter-spacing:0}#codeHighlight{pointer-events:none;background:none;color:#bcc9d3;scrollbar-width:none}#hdlEditor{resize:none;background:transparent;color:transparent;caret-color:#c4eddb;outline:none;-webkit-text-fill-color:transparent;scrollbar-width:thin}#hdlEditor::selection{background:#46718e60}.tok-comment{color:#527b6a}.tok-keyword{color:#ba94d1}.tok-number{color:#d2ac7c}.tok-op{color:#8db1c1}.tok-module{color:#95cfa9}.editor-footer{height:27px;min-height:27px;display:flex;align-items:center;gap:17px;padding:0 13px;background:#14212b;border-top:1px solid #26333f;color:#6d8b9f;font:9px var(--mono)}.compiler-caption{margin-left:auto;color:#627f8c}#editorDiagnostic{border-top:1px solid #5a3736;background:#322123;padding:11px 17px;color:#e3aaa1;font:11px/1.7 var(--mono)}.data-table{border-collapse:collapse;width:100%;font:10px var(--mono)}.data-table th{text-align:left;font:9px -apple-system,sans-serif;letter-spacing:.4px;color:#6e889b;background:#16232e;position:sticky;top:0;border-bottom:1px solid #2a3d4b;padding:8px 12px}.data-table td{padding:7px 12px;color:#8eacbd;border-bottom:1px solid #1c2e3a;white-space:nowrap;max-width:260px;text-overflow:ellipsis;overflow:hidden}.data-table tr[data-path],.data-table tr[data-issue]{cursor:pointer}.data-table tr:hover td{background:#1b302f}.data-table .negative{color:#de9e91}.data-table .positive{color:#8ec2a5}.empty-state{height:100%;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#68899a;font-size:10px}.empty-state .icon{width:25px;height:25px;color:#6fbc97;margin-bottom:3px}.empty-state strong{color:#abc7bc;font-size:11px;font-weight:500}.result-note{padding:7px 12px;font-size:9px;color:#648496;border-bottom:1px solid #253b47}.result-metrics{display:flex;gap:14px;padding:13px}.result-metric{flex:1;padding:12px;background:#14232d;border:1px solid #2a414f;border-radius:4px}.result-metric small{display:block;color:#728fa3;font-size:9px}.result-metric strong{display:block;color:#adc9d8;font:19px var(--mono);margin-top:9px}.result-metric strong span{font-size:9px;color:#5f859a}.result-meta{padding:0 14px 12px;font-size:10px;color:#63889d}.menu-popup{position:fixed;z-index:40;min-width:210px;padding:5px;background:#19232d;border:1px solid #3a4d5a;border-radius:5px;box-shadow:0 15px 35px #0009}.menu-popup button{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;font-size:11px;text-align:left;border-radius:3px;color:#adc1ce}.menu-popup button:hover{background:#294036;color:#cbefdc}.menu-popup button span:first-child{flex:1}.menu-popup kbd{border:none}.menu-separator{height:1px;background:#30404c;margin:4px}#toastContainer{position:fixed;bottom:41px;left:50%;transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#21362e;border:1px solid #4c7160;box-shadow:0 8px 30px #0006;border-radius:5px;padding:11px 17px;color:#c0e3d0;font-size:11px;animation:toast-in .2s ease;max-width:580px}.toast.error{background:#392626;border-color:#89524e;color:#edbcb2}dialog{padding:0;background:#17232d;color:var(--text);border:1px solid #3d5665;border-radius:9px;box-shadow:0 25px 90px #000a;max-height:85vh;width:550px}dialog::backdrop{background:#050c15b8;backdrop-filter:blur(4px)}.modal-heading{height:59px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30434f}.modal-heading h2{font-size:16px;letter-spacing:-.2px;font-weight:600}#modalContent{padding:20px 22px 24px;overflow:auto;max-height:calc(85vh - 60px);font-size:12px;line-height:1.7;color:#9eb4c2}#modalContent h3{font-size:12px;color:#c5dacc;margin:15px 0 9px}#modalContent p{margin:0 0 13px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 19px}.shortcut-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.shortcut-grid kbd{color:#a2bcaa;border-color:#475f54}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid #314551}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a3f4d}.setting-row input,.setting-row select{padding:6px 8px;border-radius:4px;width:145px}.setting-row input[type=checkbox]{width:15px;accent-color:var(--accent)}.field-label{font-size:11px;display:block;margin-bottom:7px}.dialog-input{width:100%;padding:9px;border-radius:4px;font:12px var(--mono)}#palette{width:590px;margin-top:min(17vh,170px)}.palette-input{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #374c5a}.palette-input .icon{color:#8bb29f}.palette-input input{border:0;background:none;width:100%;font-size:14px}.palette-input kbd{color:#789183}.palette-footer{display:flex;gap:18px;font-size:9px;color:#638092;padding:11px 16px;border-top:1px solid #314551}.palette-footer span:last-child{margin-left:auto}#paletteResults{max-height:385px;overflow:auto;padding:7px}.palette-result{display:flex;align-items:center;width:100%;padding:11px 13px;gap:11px;border-radius:4px;text-align:left;font-size:12px;color:#b4cbd9}.palette-result .icon{width:16px;color:#7fa28f}.palette-result span{flex:1}.palette-result small{font:9px var(--mono);color:#638394}.palette-result.selected,.palette-result:hover{background:#294334;color:#cef6df}.palette-group{font-size:9px;letter-spacing:1.2px;color:#607d8e;padding:10px 14px 5px}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px 3px}.library-cell{padding:11px 6px;border:1px solid #30414d;border-radius:4px;background:#17232c;display:flex;flex-direction:column;align-items:center;gap:6px;font:10px var(--mono);color:#95b9a6}.library-cell:hover{background:#263c32;border-color:#527b63}.library-cell small{font:8px var(--mono);color:#627d8d}.library-cell .icon{width:23px;height:23px}body.focus-mode .left-panel,body.focus-mode .right-panel,body.navigator-hidden .left-panel{display:none}body.focus-mode .bottom-panel,body.focus-mode .bottom-resizer{display:none}body.console-hidden .bottom-panel{height:33px;min-height:33px}body.console-hidden .bottom-content{display:none}body.console-hidden .bottom-resizer{display:none}button.running .icon{animation:pulse 1s ease-in-out infinite}.busy-bar{height:2px;background:var(--accent);position:absolute;bottom:0;left:0;transition:width .2s}.pipeline-result{color:#81b79a;font:10px var(--mono);margin:8px 0}.input-state{font:12px var(--mono);color:#a7e0be}.gate-properties{padding:13px}.gate-properties h3{font-size:13px;font-weight:600;color:#c6dbd0}.net-list{max-height:170px;overflow:auto;margin-top:9px}.net-list button{padding:5px 0;color:#729eaa;font:9px var(--mono);display:block;text-align:left}.net-list button:hover{color:#b0e5c7}@keyframes pulse{50%{opacity:.45}}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1350px){:root{--left:210px;--right:233px}.project-name{display:none}.titlebar{gap:16px}.work-tabs>button{padding:0 11px}.tool{padding:0 7px}.toolbar{gap:6px}.tool-group{padding-right:7px}.title-right #saveStatus{font-size:9px}.project-context{font-size:9px}.minimap{width:111px;height:93px}.minimap canvas{height:75px}.result-metrics{gap:7px}.canvas-hud #visibleObjects,.canvas-hud .hud-divider{display:none}}@media(max-width:1100px){:root{--left:196px;--right:216px;--bottom:165px}.title-right #saveStatus,.version-tag,.tool.save-tool,.tool-group .zoom-readout{display:none}.toolbar .tool{font-size:10px;gap:5px;padding:0 6px}.toolbar .primary-button{font-size:10px;padding:0 9px}.work-tabs>button{font-size:9px;padding:0 8px;gap:5px}.command-trigger{width:245px}.project-context .tag-outline{display:none}.view-toolbar{padding:0 9px}.view-modes button{padding:4px 6px}.view-badge{display:none}.minimap{display:none}.bottom-tabs{gap:0}.bottom-tabs>button:not(.icon-button){font-size:9px;padding:0 7px}.right-panel{width:216px}.inspector-section{padding:11px}.property-row>span:last-child{font-size:9px}.schematic-hint{font-size:8px}.canvas-toggle{font-size:8px}}@media(max-height:850px){.tree{min-height:160px;max-height:245px}.flow-step{padding-top:4px;padding-bottom:4px}.layer-row{height:23px}.flow-section .section-heading{height:31px}.navigator-footer{font-size:8px}.inspector-section{padding-top:11px;padding-bottom:11px}.design-card{margin-top:12px;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
