:root{color-scheme:light;--nav:#18334d;--ink:#22344a;--muted:#6c7e90;--line:#d8e2eb;--paper:#f8fafc;--panel:#fff;--teal:#087f8c;--accent:#0c8599;--blue:#315b88;--soft:#eaf3f6;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;grid-template-rows:76px minmax(0,1fr)27px;background:#eef3f7;color:var(--ink);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:hover{background:#e7f0f4;color:#075d70}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1c9bab;outline-offset:2px}button:disabled{opacity:.38;cursor:default}[hidden]{display:none!important}input,select{border:1px solid #c7d5e1;background:#fff;border-radius:5px;min-width:0}input{padding:7px 8px}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.navbar{display:flex;align-items:center;gap:17px;padding:0 20px;background:var(--nav);color:#e9f3f8;position:relative;z-index:10;box-shadow:0 2px 9px #18334d21}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:17px;font-weight:600;letter-spacing:.5px;flex-shrink:0}.brand svg{width:32px;height:32px;stroke:#86d6df;stroke-width:1.7}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#93adb9;font-weight:400}.nav-tools{display:flex;gap:3px;border-left:1px solid #426078;padding-left:14px}.nav-tools button{width:31px;height:33px;color:#b5c9d6;border-radius:4px}.nav-tools svg{width:19px;height:19px;stroke-width:1.6}.navbar button:hover{background:#2d506b;color:#fff}.document-title{flex:1;min-width:100px;border-left:1px solid #426078;padding-left:16px}.document-title input{color:#f6f9fb;background:transparent;border:0;font-size:13px;width:100%;padding:3px 0}.document-title input:focus{background:#284a65;padding-left:5px}.document-title #save-state{display:block;font-size:9px;color:#9eb7c6;margin-top:3px}.analysis-modes{display:flex;padding:3px;background:#10283c;border:1px solid #36546c;border-radius:6px;flex-shrink:0}.analysis-modes button{padding:8px 11px;font-size:11px;border-radius:4px;color:#b3c6d3;white-space:nowrap}.analysis-modes button.active{background:#e9f4f7;color:#0e6476;font-weight:600}.simulation-bar{display:flex;gap:4px;align-items:center;flex-shrink:0}.simulation-bar button{padding:8px 9px;font-size:11px;color:#bdd0db;border-radius:4px}.simulation-bar .run-button{background:#10939e;color:#fff;border:1px solid #37b3b9;min-width:62px;font-weight:600}.simulation-bar .run-button:hover{background:#0f7c86}.simulation-bar .run-button.running{background:#e8f5f6;color:#0a6a77;border-color:#d0e9ec}.header-more{display:flex;gap:4px;align-items:center}.header-more button{white-space:nowrap;padding:7px 8px;font-size:11px;color:#b5c9d6;border-radius:4px}.file-menu{position:absolute;right:18px;top:65px;min-width:190px;background:#fff;color:var(--ink);border:1px solid #d0dce6;border-radius:7px;padding:6px;box-shadow:0 12px 30px #18334d24}.file-menu button{display:block;text-align:left;width:100%;padding:11px;font-size:12px;border-radius:4px}.navbar .file-menu button:hover{background:#eaf4f7;color:#0c7184}#workspace{min-height:0;display:grid;grid-template-columns:258px minmax(0,1fr)282px;grid-template-rows:minmax(0,1fr)236px;gap:0;overflow:hidden}.tool-drawer{grid-column:1;grid-row:1/3;min-height:0;display:flex;flex-direction:column;background:#f0f5f8;border-right:1px solid var(--line)}.drawer-nav{display:flex;padding:13px 11px 11px;gap:4px;border-bottom:1px solid var(--line);background:#f7fafc;flex-shrink:0}.drawer-nav button{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;min-height:34px;color:#718396;border-radius:5px;font-size:12px}.drawer-nav button.active{background:#dceef2;color:#087484;font-weight:600}.count{font-size:9px;background:#ffffff8c;border-radius:4px;padding:2px 4px;color:#708697}.drawer-content{min-height:0;overflow:auto;flex:1;padding-bottom:16px}.drawer-intro{padding:20px 17px 12px}.drawer-intro h1{font-size:15px;margin:0 0 7px;font-weight:600;color:#29435b}.drawer-intro p{font-size:10px;line-height:1.7;color:#7c8b99;margin:0}.component-search{position:relative;margin:0 15px 16px}.component-search input{width:100%;font-size:11px;padding:9px 30px 9px 10px;background:#fff;border:1px solid #d0dce5}.component-search svg{position:absolute;right:9px;top:9px;width:16px;height:16px;color:#7a919f;stroke-width:1.6}.component-group{padding:0 12px 12px}.component-group h3{font-size:10px;letter-spacing:.5px;font-weight:600;margin:0;padding:12px 5px 8px;color:#647b8d;cursor:pointer;border-top:1px solid #dbe5ec}.component-group.collapsed .component-grid{display:none}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.component-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:73px;padding:10px;border:1px solid #dae5ed;border-radius:6px;background:#fff;color:#5b7488;text-align:left}.component-button svg{width:45px;height:28px;stroke-width:1.6;overflow:visible;color:#355d79}.component-button span{font-size:9px;line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-button:hover{border-color:#92c3d0;background:#eef8fa}.component-button.active{background:#dceff2;border-color:#69aebb;color:#075e70;box-shadow:inset 3px 0 0 #148b9c}.component-button.active svg{color:#087f8c}.component-note{padding:14px 17px;font-size:9px;color:#718797;line-height:1.7}.drawer-footer{border-top:1px solid var(--line);padding:12px 15px;font-size:10px;color:#476476;flex-shrink:0}.drawer-footer>span:last-child{display:block;font-size:9px;color:#8a9aa5;margin:5px 0 0 12px}.local-dot{display:inline-block;width:5px;height:5px;background:#239c8d;border-radius:50%;margin-right:7px}.example-card{display:block;width:calc(100% - 24px);margin:0 12px 9px;text-align:left;background:#fff;border:1px solid #dae4ec;border-radius:7px;padding:12px;min-height:110px;color:var(--ink)}.example-card.active{border-color:#78b9c6;background:#eff8fa;box-shadow:inset 3px 0 0 #178c9b}.example-card h3{font-size:12px;font-weight:600;margin:0 0 6px;line-height:1.6}.example-card p{font-size:10px;color:#7e8d99;line-height:1.6;margin:0}.example-preview{width:62px;height:57px;float:right;background:#f5f9fb;border:1px solid #e4edf3;border-radius:5px;margin-left:8px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.example-preview svg{width:54px;height:48px;stroke:#477f91;stroke-width:3;fill:none}.example-meta{font-size:9px;color:#288597;display:block;margin-top:9px}.details-note{font-size:10px;line-height:1.8;color:#7a8e9d;padding:5px 18px}.schematic{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:0;background:var(--paper);overflow:hidden}.surface-label{position:absolute;top:18px;left:22px;z-index:2;pointer-events:none;color:#7c8f9f;display:flex;align-items:center;gap:12px;font-size:10px}.surface-label>span{font-weight:600;color:#526e82}.surface-label small{font-size:9px;color:#99a8b3}#canvas{position:absolute;inset:0;outline:0;touch-action:none}#canvas>svg{display:block;width:100%;height:100%}#canvas svg text{font-family:Arial,"PingFang SC",sans-serif}.canvas-actions{position:absolute;right:16px;top:14px;display:flex;gap:2px;padding:3px;background:#fff;border:1px solid #d9e3ea;border-radius:6px;box-shadow:0 3px 8px #365b7210;z-index:2}.canvas-actions button{min-width:27px;height:26px;border-radius:3px;font-size:15px;color:#5c758a}.canvas-actions #fit{font-size:10px;padding:0 8px;border-left:1px solid #e0e7ed;border-radius:0}.tool-hint{position:absolute;left:50%;top:58px;transform:translateX(-50%);padding:9px 14px;border:1px solid #bbdce3;background:#f3fcfdeb;color:#146c7b;border-radius:6px;z-index:3;font-size:11px;white-space:nowrap;box-shadow:0 4px 13px #204a6110}#empty-hint{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;text-align:center;white-space:nowrap}#empty-hint strong{font-size:20px;letter-spacing:.5px;font-weight:400;color:#54748b}#empty-hint span{font-size:12px;color:#8197a7}#empty-hint small{font-size:10px;color:#a0b1bd}.inspector-panel{grid-column:3;grid-row:1/3;min-height:0;overflow:auto;background:#fff;border-left:1px solid var(--line)}.inspector-title{height:60px;border-bottom:1px solid #e2e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;background:#fff;z-index:2}.inspector-title>span{font-size:12px;font-weight:600}.inspector-title small{font-size:8px;color:#9aabb7;letter-spacing:1.1px}.inspector-empty{padding:36px 23px 28px;border-bottom:1px solid #e5edf3;text-align:center}.inspector-empty svg{width:70px;height:60px;stroke:#92b7c8;stroke-width:1.5}.inspector-empty h2{font-size:13px;font-weight:600;color:#688296;margin:13px 0 8px}.inspector-empty p{font-size:11px;color:#94a4af;line-height:1.9;margin:0}.inspector-panel:has(#parameter-panel:not([hidden])) .inspector-empty{display:none}.parameter-panel{position:relative}.parameter-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 14px;border-bottom:1px solid #eef2f5;font-size:12px;font-weight:600;color:#214c67}.parameter-heading button{font-size:19px;color:#91a4b3}.parameter-row{display:grid;grid-template-columns:1fr 102px 19px;align-items:center;gap:6px;padding:10px 17px;border-bottom:1px solid #f0f4f7;min-height:49px}.parameter-row>span:first-child{font-size:10px;color:#718798;line-height:1.5}.parameter-row input,.parameter-row select{width:100%;font-size:11px;color:#214c67;background:#f9fbfc;padding:7px 8px;border-color:#dce6ed}.parameter-row input:disabled{border-color:transparent;background:transparent;padding-left:0;color:#96a8b4}.parameter-row input[type=checkbox]{width:14px;accent-color:#148596}.parameter-row .unit{font-size:9px;color:#9aaab6}.parameter-help{font-size:9px;color:#9aa9b4;padding:0 18px;margin:12px 0}.selection-actions{display:flex;gap:5px;padding:0 17px 18px}.selection-actions button{padding:7px 6px;flex:1;background:#f3f7f9;border:1px solid #dde7ee;border-radius:4px;font-size:10px;color:#54768d;white-space:nowrap}.selection-actions #delete{color:#aa6570}.experiment-note{padding:21px 20px;border-top:1px solid #e5edf3}.experiment-note h2{font-size:10px;color:#8ba0af;margin:0 0 10px;letter-spacing:.5px}#circuit-description{font-size:11px;line-height:1.9;color:#7b91a1}.analysis-dock{grid-column:2;grid-row:2;min-height:0;background:#fff;border-top:1px solid var(--line)}.scope{height:100%;display:flex;flex-direction:column;overflow:hidden}.scope-heading{display:flex;align-items:center;gap:9px;height:40px;min-height:40px;padding:0 18px;border-bottom:1px solid #edf2f6;font-size:11px;color:#456982}.scope-heading>button:first-child{font-size:18px;width:18px;padding:0;color:#7b94a5}.scope-heading #scope-title{font-weight:600;white-space:nowrap}#trace-labels{display:flex;gap:9px;overflow:auto;margin-left:8px}.trace-label{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;padding:4px 6px;border-radius:3px}.trace-label.active{background:#f0f6f9}.trace-remove{color:#99abb7;font-size:12px}.scope-heading #clear-traces{margin-left:auto;color:#8ca0af;font-size:10px;padding:4px 6px}.analysis-settings{display:flex;align-items:center;gap:14px;min-height:29px;padding:4px 18px;border-bottom:1px solid #f0f4f7;color:#718a9c;font-size:9px}.speed-control{display:flex;align-items:center;gap:8px;white-space:nowrap}.speed-control select{border:0;background:transparent;font-size:10px;color:#335f7b;padding:0}.animation-control{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px}.animation-control input{width:11px;height:11px;accent-color:#158996;margin:0}.sim-status{margin-left:auto;display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:9px;color:#7e94a3}.sim-status small{font-size:9px;color:#95a8b5}.sim-status>span{color:#497889}.ac-settings{display:flex;align-items:center;gap:13px;flex:1}.ac-settings label{display:flex;align-items:center;gap:4px;white-space:nowrap}.ac-settings input{width:49px;padding:2px 5px;font-size:9px;border-color:#dbe6ee;color:#1e6c83}.ac-settings #ac-frequency{width:85px}.ac-legend{color:#93a4af;margin-left:auto;font-size:9px;white-space:nowrap}#scope-canvas{display:block;width:100%;flex:1;min-height:0}.scope-values{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:4px 18px;font-size:9px;color:#718c9f;border-top:1px solid #eef3f6}#scope-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scope-time{white-space:nowrap;color:#98aab6}.scope.collapsed .analysis-settings,.scope.collapsed #scope-canvas,.scope.collapsed .scope-values{display:none}#workspace.analysis-collapsed{grid-template-rows:minmax(0,1fr)40px}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e9f0f5;border-top:1px solid #d6e1e9;padding:0 16px;font-size:9px;color:#698396;overflow:hidden}.status-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar.error{background:#fff0ed;color:#ad5c50;border-color:#efd0c8}.flow-off [data-flow],.flow-off .current-dot{display:none}dialog{border:1px solid #d0dee8;border-radius:12px;padding:32px;max-width:calc(100vw - 30px);width:600px;color:var(--ink);background:#fff;box-shadow:0 25px 90px #18334d38}dialog::backdrop{background:#19364c66;backdrop-filter:blur(3px)}dialog h2{font-size:23px;line-height:1.5;color:#28516c;font-weight:500;margin:0 0 7px}dialog>p{font-size:12px;color:#91a5b4}.dialog-close{position:absolute;right:16px;top:14px;font-size:21px;color:#9aadb9}.help-grid{display:grid;grid-template-columns:78px 1fr;gap:19px 14px;font-size:11px;margin-top:27px}.help-grid>span{color:#288292;font-weight:600}.help-grid p{margin:0;line-height:1.9;color:#718a9c}.help-footnote{border-top:1px solid #e4edf3;margin-top:24px;padding-top:16px;font-size:10px;line-height:1.8;color:#99aab6}#toast{position:fixed;left:50%;top:89px;transform:translateX(-50%);background:#203f58;color:#ecf7fb;border:1px solid #51768a;border-radius:7px;padding:11px 17px;font-size:11px;box-shadow:0 7px 20px #24445a26;z-index:30;pointer-events:none}
@media(max-width:1200px){.navbar{gap:10px;padding:0 14px}.brand{font-size:15px}.brand svg{width:27px}.brand small{font-size:7px}.nav-tools{padding-left:9px}.document-title{padding-left:10px}.analysis-modes button{font-size:10px;padding:8px}.simulation-bar button{padding:8px 6px}.header-more #help-button{display:none}#workspace{grid-template-columns:226px minmax(0,1fr)246px}.inspector-title{padding:0 16px}.inspector-title small{display:none}.parameter-row{grid-template-columns:1fr 88px 16px;padding:9px 12px}.selection-actions{padding-left:12px;padding-right:12px}.ac-legend{display:none}.analysis-settings{gap:9px;padding-left:12px;padding-right:12px}.ac-settings{gap:7px}.sim-status>span{display:none}.surface-label small{display:none}}
@media(max-width:950px){body{grid-template-rows:109px minmax(0,1fr)27px}.navbar{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto;grid-template-rows:52px 40px;column-gap:12px;padding:5px 14px 8px}.brand{grid-column:1;grid-row:1}.nav-tools{grid-column:2;grid-row:1}.document-title{grid-column:3/5;grid-row:1}.analysis-modes{grid-column:1/3;grid-row:2;justify-self:start}.simulation-bar{grid-column:3;grid-row:2}.header-more{grid-column:4;grid-row:2;justify-self:end}#workspace{grid-template-columns:190px minmax(0,1fr)218px;grid-template-rows:minmax(0,1fr)218px}.drawer-nav{padding:10px 7px;gap:0}.drawer-nav button{font-size:11px}.drawer-intro{padding:16px 13px 10px}.drawer-intro p{font-size:9px}.component-group{padding-left:8px;padding-right:8px}.component-grid{gap:5px}.component-button{padding:8px;min-height:68px}.component-button svg{width:40px;height:25px}.component-button span{font-size:8px}.inspector-title{height:51px}.parameter-heading{padding:15px 12px}.parameter-row{grid-template-columns:1fr 78px 13px;gap:4px;padding:8px 10px}.parameter-row>span:first-child{font-size:9px}.parameter-row input,.parameter-row select{font-size:10px;padding:7px 5px}.experiment-note{padding:16px 13px}#circuit-description{font-size:10px}.ac-settings{gap:5px;flex-wrap:wrap}.analysis-settings{gap:7px;min-height:33px}.animation-control{display:none}.scope-heading{padding:0 12px}.scope-values{padding-left:12px;padding-right:12px}.file-menu{top:100px}.example-card{width:calc(100% - 16px);margin-left:8px;margin-right:8px;padding:10px}.example-preview{float:none;width:100%;height:48px;margin:0 0 8px}.example-preview svg{width:90px;height:40px}.example-card p{display:none}.inspector-empty{padding:25px 15px}.inspector-empty p{font-size:10px}.surface-label{top:16px;left:14px}.canvas-actions{top:10px;right:10px}.surface-label>span{display:none}#toast{top:122px}}
@media(max-width:700px){body{grid-template-rows:109px minmax(0,1fr)25px}#workspace{grid-template-columns:142px minmax(0,1fr);grid-template-rows:minmax(0,1fr)190px}.tool-drawer{grid-row:1/3}.inspector-panel{grid-column:2;grid-row:1;position:absolute;right:10px;top:119px;bottom:228px;width:220px;z-index:6;border:1px solid #cfdee8;border-radius:8px;box-shadow:0 8px 28px #18334d26;display:none}.inspector-panel:has(#parameter-panel:not([hidden])){display:block}.inspector-panel:has(#parameter-panel:not([hidden])) .experiment-note{display:none}.inspector-title{height:37px}.parameter-heading{padding:10px 12px}.parameter-row{min-height:42px}.parameter-help{font-size:8px}.selection-actions{padding-bottom:12px}.schematic{grid-column:2}.analysis-dock{grid-column:2}.drawer-nav{padding:8px 3px;gap:0}.drawer-nav button{font-size:10px;gap:3px}.count{font-size:8px;padding:1px 2px}.drawer-intro{padding:13px 10px 8px}.drawer-intro h1{font-size:12px}.drawer-intro p{display:none}.component-search{margin:0 8px 12px}.component-search input{font-size:10px;padding:8px 22px 8px 7px}.component-search svg{right:6px;top:9px;width:13px}.component-grid{grid-template-columns:1fr 1fr;gap:4px}.component-button{min-height:58px;padding:7px 5px;gap:5px;align-items:center}.component-button svg{width:31px;height:22px}.component-button span{font-size:8px;max-width:53px}.component-group{padding:0 6px 9px}.component-group h3{font-size:9px;padding:10px 2px 7px;letter-spacing:0}.drawer-footer{font-size:9px;padding:10px}.drawer-footer>span:last-child{display:none}.component-note{font-size:8px;padding:10px}.example-card{padding:8px;min-height:94px}.example-card h3{font-size:10px;line-height:1.6}.example-meta{font-size:8px;line-height:1.5}.example-preview{height:43px}.example-preview svg{width:80px;height:37px}.scope-heading{height:34px;min-height:34px;padding:0 8px;font-size:10px;gap:4px}.scope-heading #clear-traces{font-size:9px;padding:3px}.scope-heading #trace-labels{margin-left:1px;gap:4px}.trace-label{font-size:8px;padding:3px}.analysis-settings{padding:3px 8px;min-height:28px;flex-wrap:wrap}.sim-status{font-size:8px}.sim-status small{font-size:8px}.speed-control{font-size:8px;gap:4px}.speed-control select{font-size:9px}.ac-settings{font-size:8px;gap:4px;flex-basis:100%}.ac-settings input{width:37px;padding:2px 3px;font-size:8px}.ac-settings #ac-frequency{width:64px}.ac-scope .sim-status{display:none}.scope-values{font-size:8px;padding:3px 8px;min-height:21px}.surface-label{display:none}.canvas-actions{gap:0;padding:2px;right:8px;top:8px}.canvas-actions button{width:23px;min-width:23px;height:23px;font-size:13px}.canvas-actions #fit{font-size:9px;min-width:33px;padding:0 5px}.tool-hint{top:42px;padding:7px 9px;font-size:9px;max-width:calc(100% - 12px);white-space:normal;text-align:center}#empty-hint{white-space:normal;width:80%}#empty-hint strong{font-size:16px}#empty-hint span{font-size:10px}#empty-hint small{font-size:9px}.status-bar{font-size:8px;padding:0 9px}#circuit-stats{display:none}.nav-tools{gap:0;padding-left:8px}.nav-tools button{width:27px}.brand{font-size:14px;gap:6px}.brand small{font-size:6px;letter-spacing:1.5px}.brand svg{width:25px}.document-title{padding-left:8px}.document-title input{font-size:11px}.document-title #save-state{font-size:8px}.navbar{column-gap:7px;padding-left:10px;padding-right:10px}.simulation-bar{gap:2px}.simulation-bar button{font-size:10px;padding:7px 5px}.simulation-bar .run-button{min-width:48px}.header-more button{font-size:10px;padding:6px}.analysis-modes button{font-size:10px;padding:7px 9px}.help-grid{grid-template-columns:1fr;gap:8px}.help-grid p{margin-bottom:10px}dialog{padding:25px}dialog h2{font-size:20px}#toast{top:119px;font-size:10px;max-width:calc(100% - 26px);text-align:center;white-space:normal}}
@media(max-width:700px){.navbar{display:flex;flex-wrap:wrap;align-content:center;gap:7px;row-gap:8px}.brand{flex:0 0 112px;white-space:nowrap}.nav-tools{flex:0 0 100px;justify-content:flex-end;padding-left:3px}.nav-tools button{width:24px;height:29px}.nav-tools svg{width:17px;height:17px}.document-title{flex:1;min-width:116px;padding-left:7px}.analysis-modes{margin-right:auto}.simulation-bar{flex:0 0 auto}.simulation-bar button{white-space:nowrap}.header-more{flex:0 0 auto}.drawer-nav button>span:first-child{white-space:nowrap}}