:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;--canvas-0:#07111d;--canvas-1:#0b1826;--panel:#081421ed;--panel-strong:#0d2235;--border:#83b1d338;--border-strong:#6cb8e66b;--text:#edf7ff;--muted:#8fa9bd;--dim:#5f798d;--cyan:#21c7d9;--blue:#4b9cff;--orange:#e8872a;--red:#ff4338;--green:#55d46d;--top-height:64px;--bottom-height:92px;--left-width:clamp(260px, 19vw, 294px);--right-width:clamp(284px, 20vw, 326px);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--canvas-0);width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{grid-template:"top top top" var(--top-height) "left viewport right" minmax(0, 1fr) "bottom bottom bottom" var(--bottom-height) / var(--left-width) minmax(0, 1fr) var(--right-width);width:100%;height:100%;color:var(--text);background:radial-gradient(circle at 52% 35%, #19476938, transparent 46%), linear-gradient(145deg, var(--canvas-1), var(--canvas-0) 62%);display:grid;position:relative}.top-bar{z-index:40;border-bottom:1px solid var(--border);background:linear-gradient(90deg, #0b1f31fa, #06121ffa), var(--panel);grid-area:top;align-items:center;gap:13px;padding:0 18px;display:flex;box-shadow:0 12px 32px #00000038}.brand-mark{width:36px;height:36px;color:var(--cyan);background:#21c7d914;border:1px solid #47cddb59;place-items:center;display:grid}.title-block{min-width:0}.title-block h1,.title-block p,.panel-heading h2,.panel-heading p{margin:0}.title-block h1{letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.35vw,21px);font-weight:680;overflow:hidden}.title-block p{color:var(--muted);letter-spacing:.16em;margin-top:3px;font-size:11px}.top-bar-spacer{flex:1}.model-status,.tour-launch{align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}.model-status{color:#a8c7d9;border-left:1px solid var(--border)}.model-status svg{color:var(--green)}.tour-launch{cursor:pointer;color:#dffaff;background:#1e8ca324;border:1px solid #32bed361}.tour-launch:hover,.tour-launch.is-active{background:#21c7d933;border-color:#40dae9b8}.icon-button{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text);border-color:var(--border);background:#ffffff0a}.panel-trigger,.panel-close{display:none}.side-panel{z-index:20;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0;min-height:0;overflow:hidden}.left-panel{border-right:1px solid var(--border);grid-area:left}.right-panel{border-left:1px solid var(--border);grid-area:right}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 15px 0 17px;display:flex}.panel-heading h2{letter-spacing:.05em;font-size:14px;font-weight:660}.panel-heading p{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:10px}.tree-scroll,.inspector-scroll{scrollbar-color:#5985a252 transparent;scrollbar-width:thin;height:calc(100% - 64px);overflow-y:auto}.tree-scroll{padding:9px 9px 56px}.tree-section{margin-bottom:4px}.tree-section-heading{cursor:pointer;color:#a8bfd0;letter-spacing:.06em;text-align:left;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;width:100%;height:32px;padding:0 7px;font-size:11px;display:grid}.tree-section-heading:hover{color:var(--text);background:#ffffff09}.tree-section-heading small{color:var(--dim);font-size:10px}.tree-items{padding:0 0 5px 7px}.equipment-row{border-left:2px solid #0000;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;min-height:34px;display:grid}.equipment-row:hover{background:#ffffff09}.equipment-row.is-selected{border-left-color:var(--cyan);background:linear-gradient(90deg,#21c7d921,#21c7d906)}.row-main{cursor:pointer;color:#c4d5e1;text-align:left;background:0 0;border:0;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 6px 0 9px;font-size:11px;display:grid}.row-main>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-main em{color:#90dfff;border:1px solid #41addf4d;padding:2px 4px;font-size:9px;font-style:normal}.row-action{cursor:pointer;width:25px;height:25px;color:var(--dim);background:0 0;border:0;place-items:center;padding:0;display:grid}.row-action:hover{color:var(--text)}.equipment-dot{background:currentColor;border:1px solid;width:7px;height:7px;display:inline-block;box-shadow:0 0 7px}.category-cells{color:#9cb7cb}.category-heat,.category-heat-pipes{color:var(--orange)}.category-electrical{color:#79aaf8}.category-busbar{color:#c9d4dc}.category-gas{color:var(--cyan)}.category-structure{color:#657f92}.category-flow{color:var(--green)}.tree-footnote{bottom:calc(var(--bottom-height) + 12px);width:calc(var(--left-width) - 20px);color:var(--muted);border:1px solid var(--border);pointer-events:none;background:#07121ef0;grid-template-columns:23px auto;align-items:center;gap:5px 8px;padding:9px 10px;font-size:10px;display:grid;position:absolute;left:10px}.footnote-line{width:20px;height:2px;display:block;position:relative}.footnote-line:after,.logic-arrow:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.footnote-red{background:var(--red)}.footnote-red:after{border-left:7px solid var(--red)}.footnote-green{background:var(--green)}.footnote-green:after{border-left:7px solid var(--green)}.scene-viewport{background:radial-gradient(circle at 50% 40%,#25516f2e,#0000 52%),linear-gradient(#0c1d2d9e,#050d1757);grid-area:viewport;min-width:0;min-height:0;position:relative;overflow:hidden}.scene-viewport canvas{z-index:2;display:block;position:relative}.viewport-grid{z-index:1;opacity:.12;background-image:linear-gradient(#5f9bbf2e 1px,#0000 1px),linear-gradient(90deg,#5f9bbf2e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 5%,#000 50%,#0000);mask-image:linear-gradient(#0000 5%,#000 50%,#0000)}.viewport-help{z-index:8;color:#bad3e3a8;letter-spacing:.04em;pointer-events:none;background:#040d168f;border:1px solid #6c9dbc29;padding:6px 10px;font-size:10px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.loading-overlay,.scene-fallback{z-index:12;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e18e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-mark{width:64px;height:64px;color:var(--cyan);border:1px solid #46bfd352;place-items:center;display:grid;position:relative}.loading-mark .spin{color:#e7fbff;position:absolute;bottom:-8px;right:-8px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1.05s linear infinite spin}.loading-overlay h2,.scene-fallback h2{margin:20px 0 0;font-size:15px;font-weight:650}.loading-track{background:#78a2bb2e;width:min(270px,60vw);height:3px;margin-top:18px;overflow:hidden}.loading-track span{background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #21c7d9a3}.loading-overlay p,.scene-fallback p{max-width:380px;color:var(--muted);margin:10px 20px 0;font-size:11px;line-height:1.7}.scene-fallback>svg{color:var(--orange)}.scene-fallback button{cursor:pointer;border:1px solid var(--border-strong);background:#2268902e;align-items:center;gap:7px;margin-top:18px;padding:8px 13px;display:inline-flex}.equipment-label{cursor:pointer;color:#f3fbff;white-space:nowrap;background:#071d30e6;border:1px solid #57ade09e;border-radius:2px;align-items:center;gap:6px;min-height:23px;padding:3px 7px;font-size:10px;font-weight:650;display:flex;position:relative;box-shadow:0 4px 12px #00000047}.equipment-label:after{content:"";background:#5cc1e999;width:1px;height:13px;position:absolute;top:100%;left:50%}.equipment-label>span{background:var(--blue);width:5px;height:5px;box-shadow:0 0 7px var(--blue)}.equipment-label:hover,.equipment-label.is-selected{border-color:var(--cyan);background:#08354af5;box-shadow:0 0 18px #21c7d942}.inspector-scroll{padding:12px 12px 28px}.inspection-card,.compass-card,.inspection-note{border:1px solid var(--border);background:#0e23357a;margin-bottom:10px;padding:13px}.inspection-card h3{color:#d9e9f3;letter-spacing:.05em;align-items:center;gap:7px;margin:0 0 11px;font-size:11px;font-weight:650;display:flex}.selected-heading{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:8px;display:grid}.selected-heading .equipment-dot{margin-top:5px}.selected-heading h3{color:var(--text);margin:0;font-size:13px;line-height:1.45}.selected-heading p{color:var(--muted);margin:3px 0 0;font-size:10px}.focus-button{cursor:pointer;color:#ccf6ff;background:#21c7d914;border:1px solid #34b5ce52;justify-content:center;align-items:center;gap:7px;width:100%;height:30px;margin-top:12px;font-size:11px;display:inline-flex}.focus-button:hover{background:#21c7d924;border-color:#34cde194}.data-list{margin:0}.data-list div{border-top:1px solid #82a9bf1a;grid-template-columns:92px minmax(0,1fr);padding:7px 0;font-size:10px;display:grid}.data-list div:first-child{border-top:0}.data-list dt{color:var(--muted)}.data-list dd{color:#d8e6ef;text-align:right;margin:0}.relation-list{flex-wrap:wrap;gap:6px;display:flex}.relation-list button{cursor:pointer;color:#a9cee3;background:#1f55761f;border:1px solid #5b97ba40;padding:5px 7px;font-size:10px}.relation-list button:hover{color:var(--text);border-color:var(--border-strong)}.count-grid{background:#72a0be1f;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.count-grid div{background:#081927eb;flex-direction:column;justify-content:center;min-height:58px;padding:8px 11px;display:flex}.count-grid strong{color:#dff7ff;font-family:Arial Narrow,sans-serif;font-size:19px;font-weight:500}.count-grid span{color:var(--muted);margin-top:3px;font-size:9px}.logic-row{border-top:1px solid #82a9bf1a;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:9px 0;display:grid}.logic-row:first-of-type{border-top:0}.logic-arrow{width:30px;height:3px;display:block;position:relative}.logic-row.red .logic-arrow{background:var(--red);box-shadow:0 0 9px #ff433873}.logic-row.red .logic-arrow:after{border-left:8px solid var(--red)}.logic-row.green .logic-arrow{background:var(--green);box-shadow:0 0 9px #55d46d66}.logic-row.green .logic-arrow:after{border-left:8px solid var(--green)}.logic-row strong{font-size:11px}.logic-row p{color:var(--muted);margin:3px 0 0;font-size:9px}.compass-title{color:#d9e9f3;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.compass{width:122px;height:122px;margin:12px auto 8px;position:relative}.compass-axis{background:#568fc0cc;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-axis-ns{width:2px;height:78px}.compass-axis-ew{width:78px;height:2px}.compass-arrow{width:0;height:0;position:absolute}.compass-arrow-north{border-bottom:11px solid #66a4e5;border-left:6px solid #0000;border-right:6px solid #0000;top:15px;left:50%;transform:translate(-50%)}.compass-arrow-south{border-top:11px solid #66a4e5;border-left:6px solid #0000;border-right:6px solid #0000;bottom:15px;left:50%;transform:translate(-50%)}.compass-arrow-east{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:11px solid #66a4e5;top:50%;right:15px;transform:translateY(-50%)}.compass-arrow-west{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:11px solid #66a4e5;top:50%;left:15px;transform:translateY(-50%)}.compass-label{color:#d9e9f3;font-size:10px;font-weight:700;position:absolute}.compass-label.north{top:0;left:50%;transform:translate(-50%)}.compass-label.south{bottom:0;left:50%;transform:translate(-50%)}.compass-label.east{top:50%;right:0;transform:translateY(-50%)}.compass-label.west{top:50%;left:0;transform:translateY(-50%)}.compass>i{background:#0b2336;border:1px solid #9dccf4;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-heading{z-index:2;transform-origin:50%;width:4px;height:62px;display:block;position:absolute;top:50%;left:50%}.view-heading span{border-right:5px solid #0000;border-bottom:14px solid var(--cyan);filter:drop-shadow(0 0 5px #21c7d9e6);border-left:5px solid #0000;width:0;height:0;position:absolute;top:1px;left:50%;transform:translate(-50%)}.compass-card>p{color:var(--muted);text-align:center;margin:0;font-size:9px;line-height:1.6}.inspection-note{color:var(--muted);font-size:9px;line-height:1.65}.simulation-bar{z-index:42;border-top:1px solid var(--border);background:#06111dfa;grid-area:bottom;align-items:center;gap:15px;min-width:0;padding:10px 16px;display:flex;box-shadow:0 -14px 34px #0003}.control-cluster{flex-direction:column;gap:6px;min-width:0;display:flex}.cluster-label{color:var(--dim);letter-spacing:.12em;font-size:9px}.segmented-control,.transport,.speed-control,.camera-presets{align-items:center;display:flex}.segmented-control button,.transport button,.speed-control button,.camera-presets button{cursor:pointer;color:#8fa9bd;white-space:nowrap;background:#1126388a;border:1px solid #6c95b02e;border-left:0;justify-content:center;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:10px;display:inline-flex}.segmented-control button:first-child,.transport button:first-child,.speed-control button:first-child,.camera-presets button:first-child{border-left:1px solid #6c95b02e}.segmented-control button:hover,.transport button:hover,.speed-control button:hover,.camera-presets button:hover{color:var(--text);background:#2348629e}.segmented-control button.is-active,.speed-control button.is-active,.camera-presets button.is-active{z-index:1;color:#e8fbff;background:linear-gradient(#1c7f9766,#154d676b);border-color:#35bed38a}.control-divider{background:var(--border);width:1px;height:47px}.playback-cluster{grid-template:"label label""transport speed"/auto auto;align-items:end;column-gap:8px;display:grid}.playback-cluster .cluster-label{grid-area:label}.transport{grid-area:transport}.transport button{width:31px;padding:0}.speed-control{grid-area:speed}.speed-control button{min-width:34px;padding:0 7px}.camera-cluster{flex:1}.camera-presets{max-width:100%;overflow-x:auto}.camera-presets button{min-width:44px}.camera-presets .reset-camera{min-width:33px;padding:0}.bar-status{color:#8bb5cb;white-space:nowrap;align-items:center;gap:7px;min-width:102px;font-size:10px;display:flex}.bar-status svg{color:var(--cyan)}.tour-player{z-index:80;bottom:calc(var(--bottom-height) + 14px);width:min(760px, calc(100vw - var(--left-width) - var(--right-width) - 54px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061320f2;border:1px solid #51a7d061;min-width:520px;padding:15px 17px 13px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000007a}.tour-progress{background:#5588a72e;width:100%;height:2px;position:absolute;top:0;left:0}.tour-progress span{background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;display:block}.tour-header{justify-content:space-between;align-items:flex-start;display:flex}.tour-header>div{align-items:baseline;gap:10px;display:flex}.tour-header span{color:var(--cyan);font-family:Arial Narrow,sans-serif;font-size:10px}.tour-header h2{margin:0;font-size:13px;font-weight:660}.tour-header>button,.tour-controls button{cursor:pointer;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.tour-header>button{width:24px;height:24px}.tour-header>button:hover,.tour-controls button:hover:not(:disabled){color:var(--text)}.tour-caption{color:#b8cfdd;max-height:43px;margin:10px 0 12px;font-size:10px;line-height:1.72;overflow:auto}.tour-controls{align-items:center;gap:7px;display:flex}.tour-controls>button{border:1px solid #649ab933;width:27px;height:27px}.tour-controls>button:disabled{cursor:default;opacity:.3}.tour-controls .tour-play{color:#e9fbff;background:#21c7d91f;border-color:#27bed273}.tour-time{min-width:72px;color:var(--muted);text-align:center;font-family:Arial Narrow,sans-serif;font-size:9px}.tour-chapters{flex:1;justify-content:center;gap:4px;display:flex}.tour-chapters button{border:1px solid #649ab92e;width:21px;height:21px;font-size:9px}.tour-chapters button.is-active{color:#eaffff;border-color:var(--cyan);background:#21c7d926}.tour-controls button.is-muted{color:var(--orange)}.volume-slider{width:64px;accent-color:var(--cyan)}.drawer-scrim{display:none}@media (max-width:1180px){:root{--left-width:286px;--right-width:306px;--bottom-height:96px}.app-shell{grid-template:"top" var(--top-height) "viewport" minmax(0, 1fr) "bottom" var(--bottom-height) / minmax(0, 1fr)}.panel-trigger,.panel-close{display:grid}.side-panel{top:var(--top-height);bottom:var(--bottom-height);z-index:72;width:var(--left-width);transition:transform .22s;position:fixed}.left-panel{left:0;transform:translate(-102%)}.right-panel{width:var(--right-width);right:0;transform:translate(102%)}.side-panel.is-open{transform:translate(0)}.tree-footnote{bottom:12px}.drawer-scrim{inset:var(--top-height) 0 var(--bottom-height);z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#01080e80;border:0;padding:0;display:block;position:fixed}.tour-player{width:min(760px,100vw - 30px);min-width:0}.simulation-bar{gap:9px;padding-inline:11px;overflow-x:auto}.mode-control button{padding:0 8px}.bar-status{display:none}}@media (max-width:780px){.title-block h1{max-width:55vw}.model-status,.tour-launch span{display:none}.tour-launch{justify-content:center;width:34px;padding:0}.simulation-bar{align-items:flex-end}.control-divider,.camera-cluster,.mode-control button span{display:none}.mode-control button{width:36px;padding:0}.tour-caption{max-height:54px}.tour-chapters,.volume-slider{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}