:root{--ink:#213544;--muted:#647780;--red:#b72c41;--line:#d6e0e4;--paper:#f8fafb;--shadow:0 10px 35px #20354014;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#edf1f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{color:var(--ink)}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;font-size:12px;transition:background .12s}button:hover{background:#eef2f4}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #4a9bbd;outline-offset:2px}button.active{color:var(--red);border-color:#dbacb3;background:#fff2f3}[hidden]{display:none!important}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{background:var(--red);color:white;font-weight:750;font-size:18px;border-radius:9px;padding:12px 8px}.brand strong{font-size:19px;letter-spacing:1px}.brand strong span{font-size:16px;font-weight:500;letter-spacing:.5px;margin-left:8px}.brand p{font-size:11px;color:var(--muted);margin:4px 0 0}.top-status{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.workspace{display:flex;height:calc(100dvh - 72px);min-height:200px}.sidebar{width:292px;flex:none;display:flex;flex-direction:column;background:var(--paper);border-right:1px solid var(--line);padding:19px 16px 13px;min-height:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between}.sidebar h2{font-size:15px;margin:0 0 14px}.sidebar-heading>span{font-size:11px;color:var(--muted)}input[type=search]{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:white;font-size:12px;color:var(--ink)}.tree-tools{display:flex;gap:6px;align-items:center;margin:10px 0}.tree-tools button{font-size:10px;padding:5px}.tree-tools span{margin-left:auto;font-size:10px;color:var(--muted)}.part-list{overflow:auto;flex:1;min-height:80px;position:relative;overscroll-behavior:contain}.tree-space{position:relative}#tree-space{position:relative}#tree-rows{position:absolute;left:0;right:0;top:0}.tree-row{height:39px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #e8edf0;position:relative}.tree-row.selected{background:#fae9ec;border-radius:6px}.tree-row>.tree-expander{border:0;background:transparent;padding:0;width:18px;flex:none;height:30px;line-height:30px;color:var(--muted)}.tree-row>.tree-select{background:transparent;border:0;border-radius:0;text-align:left;min-width:0;flex:1;display:flex;flex-direction:column;padding:4px 3px;gap:1px;white-space:nowrap;overflow:hidden}.tree-label{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px}.tree-id{font-size:8px;color:#78909b;overflow:hidden;text-overflow:ellipsis;width:100%}.tree-dot{width:5px;height:5px;border-radius:50%;background:#a4adb3;position:absolute;right:3px}.tree-dot.schematic{background:#b78538}.tree-dot.verified{background:#4f8778}.tree-empty{font-size:12px;color:var(--muted);padding:20px 0}.scope-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;line-height:1.7;max-height:175px;overflow:auto;margin-top:8px}.scope-note summary{cursor:pointer;color:var(--ink)}.scope-note p{margin:9px 0}.scope-note a{color:#497383}.viewer{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 33%,#fff 0%,#e9eff1 68%,#dee6e9 100%)}.viewer>canvas{position:absolute;display:block;touch-action:none;outline:none}.view-toolbar{position:absolute;z-index:3;top:16px;left:20px;right:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.view-toolbar>*{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#81949f}.view-heading h1{font-size:21px;font-weight:550;margin:5px 0 0;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-presets{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.view-presets button{font-size:11px;padding:6px 9px;background:#ffffffdf}.detail-card{position:absolute;z-index:5;top:80px;right:16px;bottom:190px;width:276px;background:#fffffff5;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:0 15px 14px;overflow:auto;scrollbar-width:thin}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:6px;position:sticky;top:0;padding:10px 0 5px;background:#fffffff5;z-index:1}.detail-head small{font-size:9px;overflow-wrap:anywhere;color:#718692}.detail-head button{border:0;background:transparent;font-size:21px;padding:0 3px}.detail-card h2{font-size:18px;line-height:1.45;margin:4px 0 9px;overflow-wrap:anywhere}.badge{font-size:10px;color:#77603a;background:#f8f2e7;border-radius:4px;padding:5px 7px;display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6;vertical-align:top}.badge.verified{background:#e7f2ef;color:#37695d}.detail-card p{font-size:11px;line-height:1.8;color:#5b6e7c;margin:11px 0}.detail-card dl{display:grid;grid-template-columns:60px 1fr;font-size:10px;gap:8px;line-height:1.6}.detail-card dt{color:#8a969d}.detail-card dd{margin:0;overflow-wrap:anywhere}.detail-card p.teaching-note{background:#f6f3ed;padding:8px;border-radius:5px;font-size:10px;color:#7b6d54}.detail-sources{font-size:9px;line-height:1.7;color:#72818b;overflow-wrap:anywhere}.detail-sources a{display:block;color:#507f96;margin:4px 0}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.detail-actions button{font-size:11px}.detail-actions .wide{grid-column:1/-1}.bottom-controls{position:absolute;z-index:4;left:20px;right:20px;bottom:13px;border:1px solid #d3dee3;background:#fffffff2;border-radius:12px;box-shadow:var(--shadow);padding:11px 15px;max-width:790px;margin:0 auto}.scope-row{display:flex;align-items:center;gap:10px;font-size:11px}.scope-row>label:first-child{color:var(--muted);flex:none}.scope-row select{border:1px solid var(--line);background:#f8fafb;border-radius:5px;padding:5px 7px;max-width:420px;min-width:0;flex:1;font-size:11px}.scope-only{display:flex;gap:4px;align-items:center;white-space:nowrap;font-size:10px}.scope-only input{accent-color:var(--red);margin:0}.explosion-row,.motion-row{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:11px}.explosion-row label{width:117px;flex:none;white-space:nowrap;color:var(--muted)}.explosion-row output{color:var(--red);margin-left:8px;font-variant-numeric:tabular-nums}.explosion-row input,.motion-row input{min-width:40px;flex:1;accent-color:var(--red);height:16px}.motion-row label{color:var(--muted);flex:none}.motion-row button{font-size:10px;padding:4px 8px}.motion-row output{font-size:10px;min-width:32px}.control-buttons{display:flex;gap:8px;margin-top:9px}.control-buttons button{flex:1;font-size:11px;padding:7px 9px}.control-buttons .primary{background:var(--red);color:#fff;border-color:var(--red)}.control-buttons .primary:hover{background:#9f2235}.status-row{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#83929b;margin-top:8px}.loading{position:absolute;z-index:8;inset:0;background:#f0f4f8ed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.loading strong{font-size:17px}.loading p{font-size:12px;color:var(--muted);max-width:85%;text-align:center;line-height:1.7;overflow-wrap:anywhere}.loading progress{width:220px;height:4px;accent-color:var(--red)}.spinner{width:35px;height:35px;border-radius:50%;border:2px solid #d0dce3;border-top-color:var(--red);animation:spin 1s linear infinite}.loading.error .spinner{animation:none;border-color:#bd3043}.tooltip{position:absolute;z-index:10;pointer-events:none;width:235px;background:#1f3448f5;color:white;padding:11px 14px;border-radius:8px;box-shadow:var(--shadow)}.tooltip small{font-size:8px;color:#b3c9d6;overflow-wrap:anywhere}.tooltip strong{display:block;font-size:13px;margin-top:4px}.tooltip p{font-size:10px;line-height:1.6;color:#d0dde4;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toast{position:fixed;z-index:25;bottom:23px;left:50%;transform:translateX(-50%);background:#223b4ff2;color:white;font-size:12px;line-height:1.5;padding:12px 20px;border-radius:8px;max-width:min(620px,90vw);box-shadow:var(--shadow)}.workspace.tree-hidden .sidebar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.sidebar{width:245px;padding:15px 11px}.view-toolbar{top:12px;left:13px;right:13px;display:block}.view-presets{justify-content:flex-start;margin-top:10px}.view-heading h1{font-size:18px}.detail-card{top:105px;width:250px;right:10px;bottom:188px}.bottom-controls{left:10px;right:10px;padding:10px}.top-status>span{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-heading .eyebrow{font-size:7px}}
@media(max-width:760px){.topbar{height:62px;padding:0 13px}.brand-mark{font-size:15px;padding:10px 7px}.brand strong{font-size:15px}.brand strong span{font-size:12px}.brand p{font-size:9px}.top-status>span{display:none}.top-status button{font-size:11px;padding:6px}.workspace{height:calc(100dvh - 62px)}.sidebar{position:absolute;z-index:12;top:62px;bottom:0;left:0;width:min(300px,82vw);box-shadow:var(--shadow)}.view-toolbar{top:10px;left:10px;right:10px}.view-heading h1{font-size:17px;max-width:100%}.view-presets{margin-top:7px;gap:4px}.view-presets button{font-size:10px;padding:5px 7px}.detail-card{top:auto;left:9px;right:9px;width:auto;height:clamp(140px,31%,240px);bottom:183px;padding:0 12px 10px}.detail-card h2{font-size:15px}.detail-head{padding:7px 0 4px}.detail-card p{font-size:10px}.detail-actions button{padding:7px}.bottom-controls{bottom:8px;left:8px;right:8px;padding:9px 10px}.scope-row{gap:6px;font-size:10px}.scope-row select{font-size:10px;padding:4px}.scope-only{font-size:9px}.control-buttons{gap:5px}.control-buttons button{font-size:10px;padding:7px 5px}.motion-row,.explosion-row{gap:7px;font-size:10px}.explosion-row label{width:105px}.status-row{font-size:8px}.tooltip{width:200px}.viewer.inspecting .detail-card{bottom:var(--detail-bottom,183px)}.viewer.inspecting .status-row{display:none}}
@media(max-height:650px) and (max-width:760px){.view-heading .eyebrow{display:none}.view-heading h1{margin:0;font-size:15px}.view-presets{margin-top:5px}.detail-card{height:140px}.bottom-controls{padding:7px 9px}.explosion-row,.motion-row{margin-top:5px}.control-buttons{margin-top:6px}.scope-row>label:first-child{display:none}.status-row{display:none}}

.background-control{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:var(--muted);margin-left:3px}.background-control select{width:68px;font-size:11px;padding:5px 6px;border:1px solid var(--line);border-radius:7px;background:#ffffffdf;cursor:pointer}.viewer[data-background="dark"]{background:radial-gradient(ellipse at 48% 33%,#344654 0%,#22333f 68%,#162631 100%)}.viewer[data-background="dark"] .view-heading h1{color:#f0f5f8}.viewer[data-background="dark"] .eyebrow{color:#b2c6d1}.viewer[data-background="dark"] .background-control{color:#c6d6e0}.viewer[data-background="dark"] .tooltip{border:1px solid #607586}
@media(max-width:760px){.background-control{font-size:10px;gap:4px;margin-left:0}.background-control select{font-size:10px;padding:4px 5px;width:63px}}

.detail-actions .section-button{border-color:#c48a94}.detail-actions .section-button[aria-pressed="true"]{color:var(--red);background:#fff2f3;border-color:#dbacb3}.detail-card .section-note{margin:0;font-size:10px;line-height:1.65;color:var(--muted)}

.flow-tools28{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:10px 0;padding:10px;border:1px solid #b8c8d0;border-radius:8px}.flow-tools28 label{min-width:0}.flow-tools28 select,.flow-tools28 input{max-width:100%;width:100%}.flow-tools28 p{grid-column:1/-1;margin:0;font-size:12px}.flow-tools28[hidden]{display:none}