:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22322e;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1e302b;--muted: #78837c;--line: #e3e7df;--lime: #c5f361;--green: #42684b;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-width:360px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button,input,select{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #85b84a;outline-offset:3px}input:focus-visible,select:focus-visible{border-color:#83a85e!important;box-shadow:0 0 0 3px #a8d57325}button svg{flex-shrink:0}button{transition:background .15s,border-color .15s,color .15s}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:.65}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#cbd3c9;border:1px solid transparent;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.app-shell{height:100dvh;min-height:560px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:68px;min-height:68px;display:flex;align-items:center;gap:40px;padding:0 25px;background:#12201e;color:#f0f4ed}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0;text-decoration:none;color:inherit}.brand-mark{display:flex;justify-content:center;align-items:center;width:35px;height:35px;color:#192a20;border-radius:10px;background:var(--lime)}.brand-name{font-size:22px;font-weight:720;letter-spacing:-.8px;line-height:1.1}.brand-name span{color:var(--lime);font-weight:400}.brand-subtitle{font-size:8px;letter-spacing:2.3px;font-weight:550;color:#9dafa5;margin-top:5px}.topnav{height:100%;display:flex;align-items:center;gap:25px}.topnav button,.topnav a{position:relative;display:inline-flex;align-items:center;gap:7px;height:100%;padding:0;color:#99aaa2;font-size:12px;font-weight:550;background:none;border:0;text-decoration:none}.topnav .active{color:#eaf4e6}.topnav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime);border-radius:2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-actions .icon-button{color:#aebdb4;border-color:#3b4840}.topbar .button{color:#d4dfd5;background:#25312a;border-color:#3b4840;font-size:11px}.topbar .button:hover{background:#344337}.version-tag{border:1px solid #3d4c41;color:#b2c0b4;font-family:var(--mono);font-size:9px;padding:5px 7px;border-radius:5px}.project-bar{min-height:62px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:#fbfcf9}.project-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;letter-spacing:-.2px}.project-title svg{color:#81917f}.project-title h1{font-size:inherit;margin:0;font-weight:inherit}.project-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b958c}.project-meta .dot{background:#75a75b}.project-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:7px 11px;color:#4c5c50;border:1px solid #dce3d7;border-radius:6px;background:#fff;font-size:11px;font-weight:570;white-space:nowrap}.button:hover{background:#f2f6ec;border-color:#b8c9aa}.button.dark{background:#253d31;color:#fff;border-color:#253d31}.button.dark:hover{background:#36563e}.button.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:5px;color:#75836f}.icon-button:hover{background:#eaf0e4;border-color:#d8e0d1;color:#344a34}.run-button{padding:9px 15px;min-height:35px;background:var(--lime);border-color:#b6df57;color:#26351e;font-size:11px;font-weight:700;box-shadow:0 1px 2px #30441c0a}.run-button:hover{background:#b9e857;border-color:#a1cd48}.run-button.running{background:#e5eedc;color:#41623a;border-color:#b9cda7}.workspace{display:flex;flex:1;min-height:0;overflow:hidden}.panel{background:#fbfcf9}.library{width:248px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.panel-heading{min-height:49px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.3px;font-weight:700;color:#697666}.panel-heading svg{color:#8b9586}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #dfe5d8;background:#f4f6f0;border-radius:5px;margin:0 16px 15px;padding:9px 10px;color:#8d9787}.search-box input{width:100%;min-width:0;padding:0;background:transparent;border:0;color:var(--ink);font-size:10px}.search-box input::placeholder{color:#929a8c}.search-box:focus-within{border-color:#94b778}.category-tabs{display:flex;gap:5px;padding:0 16px 15px}.category-tabs button{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid transparent;border-radius:5px;background:none;font-size:9px;font-weight:550;color:#87907e}.category-tabs button:hover{color:#456437;background:#f0f4e9}.category-tabs button.active{background:#eaf2df;color:#5a793f;border-color:#dbe7ca}.component-list{display:flex;flex-direction:column;gap:7px;padding:0 15px 19px}.component-card{width:100%;display:flex;gap:10px;align-items:center;padding:11px 9px;border:1px solid #e2e7dc;border-radius:7px;background:#fff;text-align:left;position:relative;min-height:76px}.component-card:hover{border-color:#b4cb9b;box-shadow:0 2px 7px #3e55220a;background:#fdfef9}.component-card.active{border-color:#93b569;background:#f2f8e9}.component-art{width:56px;min-width:56px;height:46px;border-radius:5px;background:#f3f5ef;display:flex;align-items:center;justify-content:center;color:#75846a}.component-art svg{width:52px;height:40px}.component-info{flex:1;min-width:0}.component-info strong{display:block;font-size:10px;font-weight:650;margin-bottom:5px;color:#384832}.component-info span,.component-info small{display:block;font-size:9px;line-height:1.5;color:#8d9684}.component-add{display:flex;align-items:center;justify-content:center;width:17px;height:17px;color:#9ca98c;border:1px solid #dfe7d7;border-radius:4px;margin-left:-3px}.component-card:hover .component-add{color:#5c8038;border-color:#a5c18a;background:#eaf5d8}.library-section{border-top:1px solid var(--line);padding:17px 16px}.library-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7b8773;letter-spacing:1.1px;margin:0 0 13px;font-weight:650}.library-heading small{font:9px var(--mono);color:#a0a996;letter-spacing:0}.scene-tree{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.tree-row{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px solid transparent;padding:7px;border-radius:4px;font-size:10px;color:#707e65;text-align:left}.tree-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row small{font:8px var(--mono);color:#a0aa94}.tree-row svg{flex-shrink:0;color:#9ba78e}.tree-row:hover{background:#f0f4e9}.tree-row.active{background:#eaf2df;border-color:#dbe7cf;color:#4d6e35}.example-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:8px;width:100%;padding:14px;text-align:left;background:#edf3e5;border:1px solid #dbe6cd;border-radius:7px;color:#5c734b}.example-card:hover{background:#e5efd8;border-color:#bad29e}.example-card>svg{color:#7b9d5d}.example-card strong{font-size:11px;font-weight:650}.example-card p,.example-card span{margin:0;font-size:10px;line-height:1.6;color:#8c9c7d}.example-card small{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#69884d}.library-note{margin:auto 16px 17px;padding-top:14px;display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.6;color:#9ba48f}.workspace-main{min-width:0;flex:1;display:flex;flex-direction:column;background:#e5eae4;position:relative;overflow:hidden}.canvas-header{height:45px;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#f5f7f0;border-bottom:1px solid #dce3d5;gap:10px}.canvas-breadcrumb{display:flex;align-items:center;gap:7px;font-size:10px;color:#98a08f}.canvas-breadcrumb strong{font-weight:550;color:#66785c}.scene-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #dce4d3;border-radius:4px;font:8px var(--mono);color:#829271;white-space:nowrap}.scene-badge .dot{width:4px;height:4px;background:#8eae71}.canvas-toolbar{z-index:2;position:absolute;left:18px;top:63px;display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:8px;background:#fbfdf7f5;border:1px solid #d5ddcd;box-shadow:0 3px 10px #2c402512}.tool-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;color:#78886a;background:transparent}.tool-button:hover{background:#edf3e3;color:#4b6c35}.tool-button.active{border-color:#d2e4ba;background:#e4f0d3;color:#577f33}.toolbar-divider{height:1px;width:23px;background:#e1e8d8;margin:3px auto}.canvas-area{position:relative;flex:1;min-height:0}.canvas-area canvas{display:block;outline:none;touch-action:none}.canvas-footer{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:1;gap:12px}.view-controls{display:flex;align-items:center;gap:2px;border:1px solid #d2dcc8;background:#f9fcf4ed;border-radius:6px;padding:3px;box-shadow:0 2px 6px #3045220a;pointer-events:auto}.view-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:28px;height:29px;padding:0 8px;color:#768768;border:0;border-radius:4px;background:none;font-size:9px;font-weight:550}.view-controls button:hover{background:#eaf3df}.view-controls button.active{background:#e6efd9;color:#5d803e}.view-controls .toolbar-divider{width:1px;height:18px;margin:0 4px}.viewport-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px;font-size:9px;color:#85937a;line-height:1.6;max-width:300px}.viewport-hint span{display:inline-flex;align-items:center;gap:4px}kbd{font:9px var(--mono);border:1px solid #d8e1d0;border-bottom-width:2px;border-radius:3px;padding:2px 4px;color:#8a967f;background:#fafcf6}.statusbar{min-height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;gap:20px;background:#fbfcf8;border-top:1px solid var(--line);color:#8a9780;font-size:9px}.status-left,.status-right{display:flex;align-items:center;gap:15px;min-width:0}.status-left>span,.status-right>span{display:inline-flex;align-items:center;gap:5px}.status-left{overflow:hidden}.status-left>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-right{font-family:var(--mono);font-size:8px;flex-shrink:0}.dot{display:inline-block;width:5px;height:5px;background:#8aad6a;border-radius:50%;flex-shrink:0}.inspector{width:300px;flex-shrink:0;border-left:1px solid var(--line);overflow-y:auto;overflow-x:hidden}.inspector .panel-heading{border-bottom:1px solid #e9ece4}.subtle-tag{font-size:8px;letter-spacing:0;font-weight:450;color:#939e89;background:#eff3e9;padding:4px 6px;border-radius:4px;white-space:nowrap}.inspector-title{padding:21px 18px;display:flex;align-items:center;gap:11px}.property-icon{width:36px;height:36px;border-radius:7px;background:#eef3e5;border:1px solid #e1e8d7;display:flex;align-items:center;justify-content:center;color:#7c9364;flex-shrink:0}.inspector-title>div:nth-child(2){flex:1;min-width:0}.inspector-title h2{margin:0 0 5px;font-size:13px;font-weight:650;letter-spacing:-.3px}.inspector-title span{display:block;font-size:9px;color:#97a08b;line-height:1.5;overflow-wrap:anywhere}.inspector-section{padding:18px;border-top:1px solid #e6eadd}.inspector-section h3{display:flex;align-items:center;gap:7px;margin:0 0 16px;font-size:10px;font-weight:650;color:#68795b}.inspector-section h3:not(:first-child){margin-top:19px}.inspector-section h3>span{font:9px var(--mono);margin-left:auto;color:#a1ab96}.inspector-section p{margin:0 0 13px;font-size:10px;line-height:1.7;color:#869779}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:9px;color:#829174}.field>span{display:block}.input-unit{display:flex;align-items:center;border:1px solid #dfe5d6;border-radius:5px;background:#fff;overflow:hidden;min-width:0}.input-unit:focus-within{border-color:#9bbb7d}.input-unit input{width:100%;min-width:0;height:32px;font:10px var(--mono);padding:0 9px;border:0;background:transparent;color:#536846}.input-unit small{font:9px var(--mono);color:#a1ac94;padding-right:9px}.field select{width:100%;height:34px;border:1px solid #dfe5d6;padding:0 8px;background:#fff;border-radius:5px;color:#647955;font-size:10px;min-width:0}.position-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.position-fields .field{margin-bottom:11px}.position-fields .field>span{font-size:8px}.position-fields .input-unit input{padding:0 6px;font-size:9px}.inspector-section p.muted,.muted{display:flex;align-items:flex-start;gap:4px;font-size:9px;line-height:1.6;color:#98a28d;margin:0 0 11px}.muted svg{flex-shrink:0;margin-top:1px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:650;letter-spacing:1px;margin-bottom:9px;color:#729055}.connection-composer{background:#f2f7eb}.color-swatches{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px}.color-swatches button{width:19px;height:19px;border:2px solid #fff;border-radius:50%;outline:1px solid #dbe2d4}.color-swatches button:hover{outline-color:#7d9568}.color-swatches button.chosen{outline:2px solid #567b37;outline-offset:2px}.band-preview{height:27px;width:123px;display:flex;align-items:stretch;justify-content:space-evenly;padding:0 10px;border-radius:10px;background:#d8bc91;margin:15px auto 12px;box-shadow:inset 0 -4px 5px #7b5b2420}.band-preview>span{width:8px}.band-preview>span:last-child{margin-left:17px}.wire-end{padding:10px;border:1px solid #e0e7d7;border-radius:5px;background:#f7f9f3;margin-bottom:8px}.wire-end>small{display:block;font-size:8px;letter-spacing:1px;color:#91a080;margin-bottom:5px}.wire-end>span{display:block;font:10px var(--mono);color:#647e4d;margin-bottom:8px;overflow-wrap:anywhere}.wire-end>div{display:flex;gap:14px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:9px;padding:3px 0;border:0;background:none;color:#79925f}.text-button:hover{color:#3d6124}.text-button.danger{color:#bb7970}.text-button.danger:hover{color:#a44a3d}.waypoint{margin:8px 0;padding:7px 8px 0;background:#f3f6ec;border:1px solid #e3e9d9;border-radius:5px}.waypoint-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7e916b;margin-bottom:6px}.waypoint-head .icon-button{width:22px;height:22px}.inspector-section .button+.button{margin-top:7px}.inspector-section .button+.muted{margin-top:11px;margin-bottom:0}.delete-row{padding:8px 18px 16px}.delete-row .text-button{width:100%;justify-content:flex-start}.delete-row kbd{margin-left:auto}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-top h3{margin:0}.mode-tag{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:4px 6px;border:1px solid #dce3d4;background:#eef2e8;color:#a0ac94;font:8px var(--mono);border-radius:4px}.mode-tag.active{color:#779b4c;border-color:#cfdfbb;background:#edf4e4}.supply-section{padding-top:20px}.supply-readouts{background:#1d3026;border:1px solid #293e2e;border-radius:7px;padding:15px 12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.supply-readouts>div+div{border-left:1px solid #354935;padding-left:12px}.supply-readouts>div>span{display:block;color:#91a487;font-size:7px;letter-spacing:.9px;margin-bottom:9px;white-space:nowrap}.supply-readouts strong{display:block;font:24px var(--mono);letter-spacing:-1.2px;color:#c5f18a;white-space:nowrap}.supply-readouts strong small{font:9px var(--mono);color:#a2bd8c;letter-spacing:0;margin-left:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#829174}.toggle-row input{appearance:none;width:28px;height:16px;margin:0;background:#d6decd;border:1px solid #cbd6c0;border-radius:20px;position:relative;cursor:pointer}.toggle-row input:after{position:absolute;content:"";left:2px;top:2px;width:10px;height:10px;border-radius:100%;background:#fff;box-shadow:0 1px 2px #263e2422;transition:transform .15s}.toggle-row input:checked{background:#a5c681;border-color:#9bbb78}.toggle-row input:checked:after{transform:translate(12px)}.reading-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eaf0e0;font-size:9px;color:#8b9a7a}.reading-row b{font:10px var(--mono);color:#658044}.warning{color:#aa744b!important;background:#f6eedc;border:1px solid #ebddbf;padding:8px;border-radius:4px;margin-top:11px!important}.diagnostics{padding:14px 18px;margin:0 12px 14px;border:1px solid #e7d6b6;background:#faf4e7;color:#927b4b;border-radius:6px}.diagnostics h3{font-size:10px;margin:0 0 9px;font-weight:650}.diagnostics p{font-size:9px;line-height:1.7;margin:0 0 5px}.diagnostics.error{border-color:#e5c4b9;background:#fbede7;color:#a26754}.tip{text-align:center;padding:24px;color:#adc393}.tip>svg{margin-bottom:11px}.tip h3{display:block;color:#829b66;margin-bottom:9px}.tip p{font-size:10px;color:#a0ad92;line-height:1.8}.tip>div{display:inline-flex;gap:5px;align-items:center;font-size:8px;color:#96a884}.tip .dot{width:4px;height:4px;background:#a4c07c}.inspector-footer{display:flex;justify-content:center;align-items:center;gap:5px;color:#a2af95;font-size:8px;border-top:1px solid var(--line);padding:15px 10px}.inspector-footer .dot{width:4px;height:4px;background:#acc490}.hole-label,.part-label{display:block;white-space:nowrap;background:#253c2eeb;color:#d9edc7;border:1px solid #b9d58e55;border-radius:4px;padding:5px 8px;font:10px var(--mono);box-shadow:0 3px 10px #283c2222}.source-label{width:220px;padding:15px;font-family:var(--mono);background:#112520;border-radius:5px;color:#b5dc8e}.source-label>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7f9c7d}.source-label>span b{color:#b5dc8e}.source-label strong{display:block;font-size:37px;font-weight:400;letter-spacing:2px;margin-top:10px}.source-label strong small,.source-label em small{font-size:13px;font-style:normal;color:#90ab7f}.source-label em{display:block;font-size:25px;font-style:normal}.source-label footer{margin-top:10px;border-top:1px solid #39513c;padding-top:8px;text-align:center;font-size:20px;color:#aab9a4}.webgl-error{padding:30px;font-size:13px;line-height:1.8;max-width:500px;color:#657f54;margin:60px auto;background:#f5f9ed;border:1px solid #d1dfbf;border-radius:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#11241dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.help-dialog{position:relative;width:min(620px,100%);max-height:85dvh;overflow-y:auto;background:#fbfdf7;border:1px solid #d7e4c8;border-radius:14px;padding:34px;box-shadow:0 20px 70px #0b1c1444}.dialog-close{position:absolute;right:17px;top:17px}.help-dialog>svg{color:#83a65e}.help-dialog h2{margin:15px 0 9px;font-size:24px;letter-spacing:-.8px;font-weight:650}.help-dialog h3{font-size:12px;margin-top:24px;color:#5d7749}.help-dialog p,.help-dialog li{color:#839274;font-size:12px;line-height:1.8}.help-dialog ul{padding-left:17px}.help-dialog ol{padding-left:20px}.help-dialog a{color:#5b8142}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.shortcut-grid>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;background:#f0f5e8;border:1px solid #e1e9d6;border-radius:5px;font-size:10px;color:#7f926b}@media(min-width:1600px){.library{width:270px}.inspector{width:320px}.component-card{min-height:84px}.component-info strong{font-size:11px}.component-info span{font-size:10px}.canvas-toolbar{top:67px;left:22px}}@media(max-width:1200px){.library{width:218px}.inspector{width:270px}.topbar{gap:26px;padding:0 20px}.component-list{padding-left:11px;padding-right:11px}.component-card{padding:10px 7px;gap:7px}.component-art{width:47px;min-width:47px}.component-add{display:none}.supply-readouts{padding:14px 9px}.supply-readouts strong{font-size:21px}.supply-readouts>div+div{padding-left:9px}.canvas-footer{align-items:flex-start;flex-direction:column-reverse}.viewport-hint{max-width:none;justify-content:flex-start;gap:8px;font-size:8px}}@media(max-width:1000px){.library{width:190px}.inspector{width:250px}.brand-name{font-size:20px}.brand-subtitle{font-size:7px;letter-spacing:2px}.topnav{gap:17px}.header-actions .button{padding:7px}.topbar{gap:22px;height:60px;min-height:60px}.project-bar{min-height:58px;padding:0 16px;gap:9px}.project-meta{display:none}.component-art{width:40px;min-width:40px;height:38px}.component-art svg{width:38px;height:32px}.component-info strong{font-size:9px}.component-info span{font-size:8px}.component-card{min-height:68px}.category-tabs{padding:0 11px 14px;gap:3px}.category-tabs button{font-size:8px;padding:5px 6px}.library-section{padding:15px 12px}.search-box{margin:0 11px 13px;padding:8px}.panel-heading{padding:0 13px;letter-spacing:1px}.inspector-title{padding:18px 13px}.inspector-section{padding:16px 13px}.supply-readouts strong{font-size:20px}.supply-readouts>div>span{font-size:6px}.canvas-header{padding:0 13px}.canvas-breadcrumb{font-size:9px}.canvas-breadcrumb>span:not(:last-child){display:none}.scene-badge{font-size:7px;padding:4px}.statusbar{padding:0 13px}.status-right{gap:10px}}@media(max-width:800px){html,body,#root{height:auto;min-height:100%}.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{padding:0 14px;gap:18px;min-height:58px;height:58px}.brand-mark{width:31px;height:31px;border-radius:8px}.brand-name{font-size:19px}.brand-subtitle{font-size:6px;letter-spacing:1.7px}.topnav{margin-left:auto;gap:12px}.topnav button,.topnav a{font-size:10px}.header-actions{margin-left:0;gap:4px}.header-actions .button,.version-tag{display:none}.project-bar{flex-wrap:wrap;min-height:57px;padding:10px 14px;gap:7px}.project-title{font-size:11px}.project-actions{gap:5px}.project-actions .button{min-height:30px;padding:6px 8px;font-size:9px}.project-actions .icon-button{width:25px}.run-button{min-height:32px;padding:7px 10px;font-size:10px}.workspace{display:grid;grid-template-columns:156px minmax(0,1fr);grid-template-rows:minmax(480px,calc(100dvh - 145px)) auto;overflow:visible;flex:unset}.library{width:auto;min-height:0;max-height:780px}.panel-heading{min-height:42px;padding:0 10px;font-size:8px;letter-spacing:.7px}.component-list{padding:0 8px 13px;gap:6px}.component-card{padding:9px;min-height:88px;flex-direction:column;gap:7px;align-items:flex-start}.component-art{width:100%;height:37px}.component-art svg{width:48px;height:34px}.component-info strong{font-size:10px;margin-bottom:2px}.component-info span{font-size:8px}.category-tabs{gap:1px;padding:0 8px 11px}.category-tabs button{padding:4px;font-size:7px}.search-box{margin:0 8px 11px;padding:7px;gap:5px}.search-box input{font-size:9px}.library-section{padding:13px 10px}.library-heading{font-size:8px;letter-spacing:.6px}.tree-row{gap:5px;font-size:9px;padding:7px 3px}.tree-row small{display:none}.example-card{padding:10px;gap:6px}.example-card strong{font-size:10px}.example-card p,.example-card span,.example-card small{font-size:8px}.library-note{font-size:8px;margin:0 10px 12px}.workspace-main{min-height:480px}.canvas-header{height:42px;min-height:42px;padding:0 11px}.scene-badge{display:none}.canvas-toolbar{top:56px;left:11px;padding:4px;gap:3px}.tool-button{width:30px;height:30px}.canvas-footer{left:11px;right:11px;bottom:12px;gap:8px}.viewport-hint{font-size:7px;max-width:260px}.viewport-hint kbd{font-size:7px;padding:1px 3px}.view-controls button{min-width:25px;height:27px;padding:0 5px;font-size:8px}.inspector{width:auto;grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid var(--line);overflow:visible;align-items:start}.inspector .panel-heading,.inspector-title,.inspector-footer{grid-column:1 / -1}.inspector .panel-heading{min-height:39px}.inspector-title{padding:15px;border-bottom:1px solid var(--line)}.inspector-section{border-top:0;border-bottom:1px solid var(--line);height:100%;padding:18px 15px}.inspector-section:nth-child(odd){border-right:1px solid var(--line)}.delete-row{padding:15px}.diagnostics{margin:12px}.inspector-footer{padding:12px}.supply-readouts strong{font-size:22px}.statusbar{position:static;min-height:31px;padding:7px 11px;gap:10px;font-size:8px}.status-right{font-size:7px;gap:8px}.status-right>span:nth-child(n+3){display:none}.help-dialog{padding:27px 22px}.help-dialog h2{font-size:21px}}@media(max-width:480px){.topnav{display:none}.header-actions{margin-left:auto}.workspace{grid-template-columns:122px minmax(0,1fr);grid-template-rows:500px auto}.project-title{width:100%;margin-bottom:3px}.project-actions{margin-left:0;width:100%}.project-actions .run-button{margin-left:auto}.library-heading small{display:none}.category-tabs button{font-size:6px;padding:4px 3px}.component-card{min-height:83px;padding:7px}.component-info strong{font-size:9px}.component-info span{font-size:7px}.component-art{height:33px}.example-card{padding:9px}.example-card p,.example-card span,.library-heading,.library-note{font-size:7px}.canvas-toolbar{left:8px;top:53px}.tool-button{width:27px;height:29px}.canvas-toolbar svg{width:15px;height:15px}.canvas-footer{left:8px;right:8px}.view-controls{gap:0}.view-controls button{font-size:7px;padding:0 4px;min-width:22px}.view-controls button svg{width:12px;height:12px}.viewport-hint{display:none}.inspector{grid-template-columns:minmax(0,1fr)}.inspector-section:nth-child(odd){border-right:0}.supply-readouts strong{font-size:27px}.status-right{display:none}.shortcut-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-name{display:block}.brand-name small{display:block;font-size:7px;letter-spacing:1.7px;font-weight:450;color:#96aaa0;margin-top:6px}.topnav>span{position:relative;display:inline-flex;align-items:center;gap:7px;height:100%;font-size:12px;font-weight:550}.local-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#a9bbb0;padding-right:12px;border-right:1px solid #35463b;margin-right:4px}.local-badge .dot{width:5px;height:5px;background:#aad477}.help-top{display:flex;align-items:center;justify-content:center;border:0;background:none;color:#9caea2;padding:7px;border-radius:5px}.help-top:hover{background:#2b3b30;color:#c5e3a7}.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:10px;font-weight:600;color:#cee3bb;background:#31422f;border:1px solid #4a5e3d;border-radius:50%;margin-left:4px}.project-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e2e8d9;background:#f1f5ea;border-radius:6px}.project-title>div:last-child{display:flex;flex-direction:column;gap:6px}.project-version{display:inline-flex;font:7px var(--mono);color:#8ea276;letter-spacing:.4px;background:#eef5e4;border:1px solid #dde9ce;padding:3px 5px;border-radius:3px;margin-left:7px;vertical-align:middle}.project-meta{font-size:8px;font-weight:400;letter-spacing:0}.project-meta svg{color:#9cb188}.history-actions{display:flex;align-items:center;gap:3px}.project-actions>.toolbar-divider{width:1px;height:22px;margin:0 5px}.run-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b6df57;border-radius:6px;margin-left:3px;white-space:nowrap}.library>.library-heading{margin:0;padding:0 16px 12px;font-size:8px;letter-spacing:.7px}.library>.library-heading>span{font:8px var(--mono);color:#9aaa88}.wire-color-picker{padding:0 18px 18px}.wire-color-picker .library-heading{font-size:8px;margin-bottom:10px}.wire-color-picker .color-swatches{gap:8px}.wire-color-picker .color-swatches button{width:16px;height:16px}.tree-toggle{padding:0;border:0;width:100%;text-align:left;background:none}.tree-toggle>span{display:inline-flex;align-items:center;gap:6px}.tree-toggle:hover{color:#566f3e}.tree-row.selected{background:#eaf2df;border-color:#dbe7cf;color:#4d6e35}.tree-row .wire-dot{flex:0 0 11px;width:11px;height:3px;border-radius:2px;margin:0 2px;box-shadow:0 0 0 1px #182c1a09}.tree-row .junction-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#8aa66e;margin:0 4px}.wire-tree{padding-top:5px;padding-bottom:5px}.empty-search{font-size:10px;color:#92a07f;padding:12px 3px;line-height:1.6}.library>.example-card{margin:2px 15px 17px;width:auto;cursor:default}.example-card:hover{background:#edf3e5;border-color:#dbe6cd}.example-card .eyebrow{font-size:7px;letter-spacing:.6px;margin-bottom:0}.example-card>button{display:inline-flex;gap:9px;align-items:center;justify-content:space-between;margin-top:3px;padding:0;border:0;background:none;color:#607e45;font-size:9px;font-weight:600}.example-card>button:hover{color:#355623}.example-card>button>span{font-size:14px;color:inherit}.library-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px 19px;color:#a0ad92;font-size:8px;margin-top:auto}.canvas-breadcrumb b{font-weight:550;color:#66785c}.canvas-toolbar{top:18px}.canvas-footer{position:static;min-height:35px;flex-shrink:0;padding:0 16px;display:flex;flex-direction:row;align-items:center;gap:13px;justify-content:flex-start;pointer-events:auto;background:#eff3e9;border-top:1px solid #dce4d4;color:#8b9b7b;font-size:8px}.canvas-footer>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.canvas-footer>button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:0;border:0;color:#82976d;background:none;font-size:8px}.canvas-footer>button:hover{color:#4e7035}.canvas-footer kbd{font-size:8px;padding:1px 4px}.canvas-area>.view-controls{position:absolute;right:18px;bottom:18px;z-index:1}.canvas-area>.view-controls button{width:31px;height:30px;padding:0}.viewport-label{position:absolute;left:19px;bottom:20px;font:8px var(--mono);letter-spacing:1px;color:#7c8e6a;pointer-events:none;z-index:1}.viewport-label .dot{width:4px;height:4px;margin-right:6px;vertical-align:1px}.viewport-label small{display:block;font:7px var(--mono);letter-spacing:.2px;color:#96a487;margin-top:7px}.loading-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:100%;height:100%;font-size:12px;color:#7b9566}.placement-hint{display:flex;align-items:center;gap:7px;position:absolute;top:18px;left:78px;right:18px;max-width:450px;z-index:2;border:1px solid #b9cf9d;border-radius:6px;background:#f5fbe9f5;color:#698b48;font-size:10px;line-height:1.6;padding:10px 12px;box-shadow:0 3px 10px #2b482210}.placement-hint>svg{flex-shrink:0}.placement-hint button{display:inline-flex;align-items:center;margin-left:auto;border:0;padding:3px;background:none;color:#78965a}.help-dialog{border:1px solid #d7e4c8;color:var(--ink)}.help-dialog::backdrop{background:#11241dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-note{font-size:11px;color:#738c5b;line-height:1.8;background:#f0f5e7;border:1px solid #dee8cf;border-radius:6px;padding:13px;margin-top:19px}.help-dialog>.muted{display:block;margin:20px 0;font-size:10px}.status-right b{color:#81966e;font-size:8px;font-weight:600}.status-right b>span{color:#a0ac94;font-size:7px;font-weight:400}.status-left>.dot{display:block;flex-shrink:0}.status-left>.dot.error{background:#c47c67}@media(max-width:1200px){.canvas-footer{padding:0 13px;gap:10px;font-size:7px}.canvas-footer>span:nth-child(3){display:none}}@media(max-width:1000px){.local-badge{font-size:8px}.project-actions{gap:5px}.project-actions>.toolbar-divider{margin:0 2px}.project-bar .button{padding:7px 8px;font-size:10px}.project-bar .run-button{padding:9px 11px;font-size:10px}.project-title{font-size:12px}.project-icon{width:29px;height:29px}.library>.library-heading{font-size:7px;padding:0 12px 11px}.library>.example-card{margin:0 11px 16px}.library-footer{font-size:7px}.canvas-toolbar{top:15px}.canvas-footer>span:nth-child(2){display:none}.canvas-footer>span{font-size:8px}.placement-hint{top:15px;left:75px;font-size:9px}}@media(max-width:800px){.topnav>span{font-size:10px}.local-badge{display:none}.brand-name small{font-size:6px;letter-spacing:1.3px}.project-meta{display:inline-flex;font-size:7px}.project-version{display:none}.project-bar .button{padding:6px;min-height:30px}.project-bar .button span{display:none}.project-bar .run-button{min-height:32px;padding:7px 9px;font-size:9px}.project-icon{display:none}.history-actions{gap:0}.project-actions>.toolbar-divider{display:none}.library>.library-heading{font-size:6px;letter-spacing:.4px;padding:0 9px 10px}.library>.example-card{margin:0 8px 12px}.example-card .eyebrow{font-size:6px;letter-spacing:.2px;gap:4px}.example-card .eyebrow svg{width:11px;height:11px}.library-footer{font-size:6px;padding:0 7px 14px;gap:4px}.library-footer svg{width:10px;height:10px}.wire-color-picker{padding:0 11px 16px}.wire-color-picker .color-swatches{gap:7px}.canvas-toolbar{top:12px}.canvas-footer{min-height:31px;padding:0 10px}.canvas-footer>span{font-size:7px}.canvas-footer>button{font-size:7px;gap:4px}.viewport-label{left:12px;bottom:18px;font-size:7px;letter-spacing:.5px}.viewport-label small{font-size:6px;letter-spacing:0;max-width:125px;line-height:1.6}.canvas-area>.view-controls{right:11px;bottom:14px}.canvas-area>.view-controls button{width:27px;height:28px}.placement-hint{top:12px;left:62px;right:11px;padding:8px;font-size:8px}}@media(max-width:480px){.project-title{width:100%}.project-title>div:last-child{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.project-meta{margin-left:auto}.project-actions .run-button{padding:7px 12px}.library>.library-heading{font-size:6px;letter-spacing:.1px;gap:3px}.library>.library-heading>span{font-size:6px}.library .subtle-tag{display:none}.example-card .eyebrow{font-size:5px;gap:3px}.example-card .eyebrow svg{width:9px;height:9px}.library-footer{flex-direction:column;font-size:6px}.canvas-footer{padding:0 8px;gap:4px}.canvas-footer>span{font-size:6px;gap:2px}.canvas-footer>span>svg{width:10px;height:10px}.canvas-footer>button{font-size:6px}.canvas-footer kbd{padding:1px 3px;font-size:6px}.canvas-toolbar{top:11px}.viewport-label{left:9px;bottom:17px;font-size:6px}.viewport-label small{font-size:5px;max-width:100px}.canvas-area>.view-controls{right:8px;bottom:13px}.canvas-area>.view-controls button{width:23px;height:25px}.placement-hint{left:58px;right:9px;top:11px;font-size:7px;padding:7px;gap:4px}.placement-hint>svg{width:12px;height:12px}}.polarity-label{display:block;white-space:nowrap;padding:2px 4px;border:1px solid #d4dfc5;border-radius:3px;background:#fafdeddf;color:#637b4c;font:8px var(--mono);letter-spacing:-.2px;pointer-events:none}@media(min-width:1001px){.component-info strong{font-size:11px}.component-info span{font-size:10px}.tree-row{font-size:11px}.field{font-size:10px}.input-unit input,.field select,.inspector-section h3,.inspector-section p{font-size:11px}.inspector-section p.muted{font-size:10px}.tip p,.button{font-size:11px}.canvas-footer{font-size:9px}.example-card strong{font-size:12px}.example-card p{font-size:11px}}:root{--muted: #5b6c61;--focus: #386b42;--reading: #365541}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus-visible,select:focus-visible{box-shadow:none}.input-unit:focus-within,.search-box:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px #386b4226}.color-swatches button:focus-visible{outline:3px solid var(--focus);outline-offset:4px;box-shadow:0 0 0 2px #fff}.project-meta,.component-info span,.component-info small,.field,.toggle-row,.inspector-title span,.inspector-section p,.inspector-section p.muted,.muted,.reading-row,.tree-row,.tree-row small,.library-heading,.library-footer,.subtle-tag,.canvas-breadcrumb,.canvas-footer,.canvas-footer>button,.viewport-label,.viewport-label small,.statusbar,.status-right b,.status-right b>span,.example-card p,.example-card span,.tip p,.tip>div,.inspector-footer,.empty-search{color:var(--muted)}.panel-heading,.inspector-section h3,.tree-row svg{color:#4b6150}.search-box{color:#5e7160}.search-box input::placeholder{color:#61715f}.category-tabs button{color:#5e7054}.category-tabs button.active{color:#35572c;border-color:#a6bd8b}.component-card.active{border-color:#769954;box-shadow:inset 3px 0 #769954}.tree-row.selected,.tree-row.active{color:#35572c;border-color:#a6bd8b;box-shadow:inset 3px 0 #769954}.tool-button,.view-controls button,.icon-button{color:#526d44}.tool-button.active,.view-controls button.active{color:#315823;border:1px solid #91af70;background:#e4f0d3}.input-unit input,.field select{color:#314c37}.input-unit small{color:#536b4b;font-size:11px}.text-button{color:#41642e;font-size:11px;min-height:28px}.text-button.danger{color:#a04c40}.mode-tag{color:#526548;font-size:10px}.mode-tag.active{color:#375b24;border-color:#9cb981}.supply-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-readouts>div{min-width:0}.supply-readouts>div>span{color:#b7c9ac;font-size:9px;letter-spacing:.4px;white-space:normal;line-height:1.5}.supply-readouts strong{font-variant-numeric:tabular-nums;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.8px}.supply-readouts strong small{color:#bdd7a7;font-size:11px}.reading-row{font-size:11px;align-items:baseline}.reading-row b{font-size:12px;color:var(--reading);text-align:right;font-variant-numeric:tabular-nums}.warning,.diagnostics{color:#765229!important}.diagnostics.error{color:#974d3b!important}.diagnostics h3{font-size:12px}.diagnostics p{font-size:11px;overflow-wrap:anywhere}.help-dialog p,.help-dialog li,.help-note{color:#526b42}.shortcut-grid>div,kbd{color:#536a43}.placement-hint{color:#3f602d;font-size:11px}.placement-hint button{color:#3f602d;flex-shrink:0;min-width:28px;min-height:28px;justify-content:center}.network-inspector,.physics-explainer,.terminal-map,.simulation-summary{min-width:0;overflow-wrap:anywhere}.network-inspector,.physics-explainer,.simulation-summary{padding:18px;border-top:1px solid var(--line)}.network-inspector h3,.physics-explainer h3,.terminal-map h3,.simulation-summary h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#3e5943;font-size:12px;line-height:1.5}.network-inspector h4,.physics-explainer h4,.terminal-map h4,.simulation-summary h4{margin:14px 0 8px;font-size:11px;color:#3e5943}.network-inspector p,.physics-explainer p,.terminal-map p,.simulation-summary p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.7}.network-inspector ul,.physics-explainer ul,.terminal-map ul,.simulation-summary ul{margin:8px 0 12px;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.7}.network-inspector li+li,.physics-explainer li+li,.terminal-map li+li{margin-top:5px}.network-inspector code,.physics-explainer code,.terminal-map code,.simulation-summary code{color:#355541;font:11px var(--mono);white-space:normal;overflow-wrap:anywhere}.network-inspector dl,.terminal-map dl,.simulation-summary dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;margin:12px 0;font-size:11px;line-height:1.5}.network-inspector dt,.terminal-map dt,.simulation-summary dt{color:var(--muted)}.network-inspector dd,.terminal-map dd,.simulation-summary dd{margin:0;text-align:right;color:var(--reading);font-family:var(--mono);font-variant-numeric:tabular-nums}.network-inspector details,.physics-explainer details,.terminal-map details{border:1px solid #d8e2d0;border-radius:6px;background:#f4f7ef;padding:10px;margin-top:10px}.network-inspector summary,.physics-explainer summary,.terminal-map summary{cursor:pointer;color:#3d5e34;font-size:11px;font-weight:600;line-height:1.6}.network-inspector details[open]>summary,.physics-explainer details[open]>summary,.terminal-map details[open]>summary{margin-bottom:10px}.terminal-map{margin-top:12px;border-left:3px solid #adc68d;padding-left:10px}.simulation-summary{background:#f1f6e9}.physics-explainer{background:#f7f9f3}.network-inspector .field,.network-inspector select,.terminal-map select{max-width:100%;min-width:0}@media(min-width:801px){.field,.toggle-row,.input-unit input,.field select{font-size:11px}.input-unit input,.field select{min-height:35px}.inspector-title span,.inspector-footer{font-size:10px}.scene-badge{font-size:10px;color:#536f43}.scene-badge.live{border-color:#a7bf8c;background:#edf5e3;color:#3f612e}.tool-button{width:36px;height:36px}.canvas-footer>span,.canvas-footer>button{font-size:9px}.statusbar{font-size:10px;min-height:30px}}@media(max-width:800px){.panel-heading{font-size:9px}.component-info strong{font-size:11px}.component-info span{font-size:9px}.component-card{min-height:94px}.library-heading,.library>.library-heading{font-size:9px;letter-spacing:.2px;line-height:1.5}.library>.library-heading>span{font-size:9px}.category-tabs{flex-wrap:wrap;gap:4px}.category-tabs button{font-size:10px;padding:5px}.search-box{gap:4px}.search-box input{font-size:10px}.search-box>kbd{display:none}.tree-row{font-size:10px;min-height:32px}.example-card .eyebrow,.library-footer{font-size:8px;line-height:1.5}.example-card p,.example-card span{font-size:9px}.example-card>button{font-size:10px;min-height:30px}.project-meta{font-size:9px}.project-actions .icon-button,.project-bar .button{width:32px;min-width:32px;min-height:34px}.project-bar .run-button{min-height:34px;font-size:10px}.tool-button{width:32px;height:34px}.canvas-toolbar svg{width:17px;height:17px}.canvas-area>.view-controls button{width:30px;height:31px}.canvas-area>.view-controls svg{width:15px;height:15px}.viewport-label{font-size:8px;bottom:58px;letter-spacing:.2px}.viewport-label small{font-size:7px;max-width:150px}.canvas-footer>span,.canvas-footer>button{font-size:8px}.canvas-footer kbd{font-size:8px}.field,.toggle-row,.inspector-title span{font-size:11px}.input-unit input,.field select{font-size:12px;min-height:36px}.inspector-section h3{font-size:12px}.inspector-section p,.inspector-section p.muted,.muted{font-size:11px}.supply-readouts strong{font-size:24px}.inspector-footer{font-size:10px;line-height:1.6}.placement-hint{left:58px;right:8px;font-size:10px;align-items:flex-start}.placement-hint>svg{display:none}.statusbar{font-size:10px;min-height:35px}.status-left{overflow:visible;align-items:flex-start;gap:7px}.status-left>span{white-space:normal;line-height:1.5}.status-left>.dot{margin-top:5px}.network-inspector,.physics-explainer,.simulation-summary{padding:18px 15px}}@media(max-width:480px){.category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category-tabs button{justify-content:center;font-size:9px;padding:5px 2px}.library>.library-heading{align-items:flex-start}.example-card .eyebrow svg{display:none}.canvas-breadcrumb{font-size:10px}.canvas-footer>span{max-width:135px;white-space:normal;line-height:1.5}.canvas-footer>button{min-height:30px}.supply-readouts strong{font-size:27px}.network-inspector,.physics-explainer,.simulation-summary{grid-column:1 / -1}}.position-fields .field>span{font-size:10px}.position-fields .input-unit input{font-size:11px}.physics-explainer>summary{cursor:pointer;color:#3d5e34;font-size:12px;font-weight:600;line-height:1.6}.physics-explainer[open]>summary{margin-bottom:12px}.physics-explainer:focus-within{border-color:#9ab880}.terminal-map a{color:#355d38;text-underline-offset:3px}.terminal-map button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.supply-readouts strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 3px;font-size:clamp(18px,1.6vw,24px)}.supply-readouts strong small{margin-left:0}@media(min-width:481px)and (max-width:800px){.supply-readouts strong{font-size:18px}}@media(max-width:480px){.supply-readouts strong{font-size:27px}}.inspector-section.terminal-map{margin-top:0;border-left:0;padding-left:18px}.terminal-map>div{padding:10px;margin-bottom:10px;border:1px solid #dbe4d2;border-radius:6px;background:#f5f8f0}.terminal-map>div>h4{margin-top:0}.network-inspector details+button{margin-top:10px}.network-inspector button+p,.terminal-map>div+p{margin-top:12px}.scene-badge.error{color:#974d3b;border-color:#d9b6aa;background:#fbede7}.scene-badge.error .dot{background:#b15b48}.mode-inspect canvas{cursor:crosshair}.mode-tag.error{color:#a33131;border-color:#e2b1ae;background:#fff0ee}.dc-voltmeter h3{display:flex;align-items:center;gap:7px}.dc-voltmeter{grid-column:1 / -1}.dc-voltmeter p{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.voltmeter-point{margin:14px 0}.voltmeter-point .field{margin-bottom:3px}.voltmeter-point .text-button{padding:5px 0;text-align:left;white-space:normal}.voltmeter-reading{display:grid;gap:10px;padding:16px;margin:16px 0;border:1px solid #bed1c8;border-radius:8px;background:#eff6f3}.voltmeter-reading>span{color:#365541;font-size:11px}.voltmeter-reading>strong{font:600 22px/1.4 var(--mono);color:#234b3c;overflow-wrap:anywhere}.voltmeter-reading>p{margin:0}.voltmeter-actions{display:flex;flex-wrap:wrap;gap:8px}.voltmeter-actions .button{flex:1 1 auto;white-space:normal}.dc-voltmeter details,.network-inspector details{margin-top:12px;font-size:12px;line-height:1.65}.dc-voltmeter summary,.network-inspector summary{cursor:pointer;color:#355d38}.dc-voltmeter .voltmeter-point{margin:9px 0}.dc-voltmeter .voltmeter-reading{margin:12px 0;padding:12px}.activity-catalog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.activity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.activity-list article{padding:15px;border:1px solid var(--line);border-radius:9px;background:#f7faf2}.activity-list article h3{margin:6px 0}.learning-activity{background:#f3f8eb}.activity-heading{display:flex;align-items:flex-start;gap:8px}.activity-heading h2{flex:1;font-size:14px;margin:0;line-height:1.5}.activity-heading h2:focus{outline:2px solid #85b84a;outline-offset:4px}.learning-activity details{margin:12px 0}.learning-activity summary{font-weight:600;cursor:pointer;padding:6px 0}.learning-activity textarea{width:100%;resize:vertical;font:inherit;color:var(--ink);padding:9px;border:1px solid #c0cdb5;border-radius:6px;background:#fff}.learning-activity textarea:focus-visible{outline:3px solid #85b84a;outline-offset:2px}.activity-actions{display:flex;flex-direction:column;gap:8px;margin:10px 0}.activity-actions .button{white-space:normal;text-align:left;justify-content:flex-start}.activity-reference{border-left:3px solid #85a85f;padding-left:10px;margin-top:10px}.dc-voltmeter:focus-visible{outline:3px solid #85b84a;outline-offset:-3px}.activity-comparison{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;margin:14px 0}.activity-comparison caption{text-align:left;font-weight:600;margin-bottom:8px}.activity-comparison th,.activity-comparison td{border-bottom:1px solid #d6dfce;padding:7px 3px;vertical-align:top;overflow-wrap:anywhere}.activity-comparison th:first-child{width:46%;text-align:left}.activity-comparison td,.activity-comparison thead th:not(:first-child){text-align:center}#inspector-selection-title{scroll-margin:12px}#inspector-selection-title:focus{outline:2px solid var(--focus);outline-offset:4px}