*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:12px;color:#2c2c2e;-webkit-font-smoothing:antialiased;background:#f2f3f5;-webkit-user-select:none;user-select:none}.app{height:100%;display:flex;flex-direction:column;background:#f2f3f5}.toolbar{display:flex;align-items:flex-end;padding:7px 14px 9px;gap:26px;background:#f6f6f8;border-bottom:1px solid #e0e0e3;flex:none}.tb-group{display:flex;flex-direction:column;gap:5px}.tb-caption{font-size:10px;color:#98989d;text-align:center;line-height:1;letter-spacing:1px}.tb-buttons{display:flex;gap:7px}.tb-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;background:#fff;border:1px solid #dcdcdf;border-radius:8px;font:inherit;font-size:12px;color:#3a3a3c;cursor:default;white-space:nowrap;box-shadow:0 1px 1px #1e1e220a}.tb-btn:hover:not(:disabled){background:#f7f8fa;border-color:#c9c9cd}.tb-btn:active:not(:disabled){background:#eef0f2}.tb-btn.active{background:#eaf1fe;border-color:#3478f6;color:#1d63e0}.tb-btn:disabled{opacity:.4}.tb-dropdown{position:relative;display:inline-flex}.tb-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:112px;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid #dcdcdf;border-radius:9px;box-shadow:0 8px 24px #1e1e2224;z-index:60}.tb-menu-item{height:30px;padding:0 10px;border:none;border-radius:5px;background:transparent;font:inherit;font-size:12px;color:#2c2c2e;text-align:left;white-space:nowrap;cursor:default}.tb-menu-item:hover{background:#eaf1fe;color:#1d63e0}.main{flex:1;display:flex;min-height:0}.left-pane{flex:none;min-width:170px;background:#f6f6f8;border-right:1px solid #e0e0e3;display:flex;flex-direction:column;overflow:hidden}.splitter{flex:none;background:transparent;z-index:10;display:flex;align-items:center;justify-content:center}.splitter-v{width:6px;margin:0 -3px;cursor:col-resize;flex-direction:column}.splitter-h{height:6px;margin:-3px 0;cursor:row-resize;position:relative;z-index:10}.splitter-grip{display:flex;gap:2.5px;pointer-events:none}.splitter-v .splitter-grip{flex-direction:column}.splitter-grip i{width:3px;height:3px;border-radius:50%;background:#c5c5c9}.splitter:hover{background:#3478f61a}.splitter:hover .splitter-grip i{background:#98989d}.workarea{flex:1;min-width:0;display:flex;flex-direction:column}.plan-pane{position:relative;min-height:120px;overflow:hidden;background:#fff}.plan-container{position:absolute;top:0;right:0;bottom:0;left:0}.plan-container canvas{display:block}.view3d-pane{flex:1;min-height:120px;position:relative;background:#eef1f4}.nav3d-pad{position:absolute;left:16px;bottom:16px;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000002e;display:grid;grid-template:1fr 1fr / 1fr 1fr;padding:10px 12px;gap:4px;z-index:5}.nav3d-pad button{border:none;background:transparent;border-radius:7px;color:#48484a;display:flex;align-items:center;justify-content:center;cursor:default;padding:0}.nav3d-pad button:hover{background:#eef0f3}.nav3d-elev{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:7px;z-index:5}.nav3d-elev button{width:34px;height:34px;border-radius:9px;border:none;background:#fff;box-shadow:0 2px 8px #00000029;color:#515154;display:flex;align-items:center;justify-content:center;cursor:default;padding:0}.nav3d-elev button:hover{background:#f2f3f5}.catalog{display:flex;flex-direction:column;flex:1;min-height:0}.catalog-search{padding:9px 10px 7px;flex:none}.catalog-search input{width:100%;background:#fff;border:1px solid #e0e0e3;border-radius:7px;padding:5px 10px}.catalog-search input:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 2px #3478f62e}.catalog-tree{flex:1;overflow:auto;padding:2px 10px 10px}.tree-cat{padding:5px 4px;font-weight:600;color:#3a3a3c;cursor:default;border-radius:5px}.tree-cat:hover{background:#eaeaec}.tree-arrow{display:inline-block;width:14px;color:#a0a0a5}.tree-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:3px 2px 10px 10px}.tree-item{border:1px solid #e3e3e6;background:#fff;border-radius:8px;padding:9px 5px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab}.tree-item:hover{border-color:#a9c6f5;background:#f7faff}.tree-item:active{cursor:grabbing}.catalog-icon{width:52px;height:44px}.tree-item-name{font-size:11px;color:#48484a;text-align:center;line-height:1.25}.elem-list{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid #e0e0e3;background:#f6f6f8;width:100%}.elem-list-scroll{flex:1;overflow:auto}.elem-table{border-collapse:collapse;width:max-content;min-width:100%}.elem-table th{position:sticky;top:0;background:#f0f0f2;border-bottom:1px solid #e0e0e3;padding:5px 9px;text-align:left;font-weight:500;color:#8e8e93;white-space:nowrap;z-index:1}.elem-table td{border-bottom:1px solid #ececee;padding:4px 9px;white-space:nowrap}.elem-table td.name{display:flex;align-items:center;gap:6px}.elem-table td.num{text-align:right;font-variant-numeric:tabular-nums;color:#3a3a3c}.elem-table tr.selected td{background:#dbe7ff;color:#1d63e0}.elem-table .empty-row{text-align:center;color:#a0a0a5;padding:14px}.visible-cell{text-align:center}.statusbar{height:28px;flex:none;display:flex;align-items:center;gap:8px;padding:0 10px;background:#f6f6f8;border-top:1px solid #e0e0e3}.sb-cell{border:1px solid #dcdcdf;border-radius:6px;padding:2px 10px;height:20px;line-height:14px;overflow:hidden;white-space:nowrap;background:#ececee;color:#515154}.sb-spring{flex:1}.sb-coord{min-width:220px;text-align:right;font-variant-numeric:tabular-nums}.sb-zoom{min-width:84px}input[type=text],input[type=number]{border:1px solid #d6d6d9;border-radius:6px;padding:4px 7px;font:inherit;background:#fff;color:#2c2c2e}input[type=number]{width:92px;text-align:right;font-variant-numeric:tabular-nums}input.readonly{background:#f4f4f6;color:#8e8e93}input:focus{outline:none;border-color:#3478f6;box-shadow:0 0 0 2px #3478f62e}.text-input.grow{flex:1}.color-input{width:48px;height:28px;padding:2px;border:1px solid #d6d6d9;border-radius:6px;background:#fff}.select-input{height:30px;padding:0 8px;border:1px solid #d6d6d9;border-radius:6px;background:#fff;font-size:13px}.surface-radio{display:flex;align-items:center;gap:20px;margin-bottom:2px}.radio-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.radio-row:last-child{margin-bottom:0}.radio-label{display:flex;align-items:center;gap:6px}.radio-label input[type=radio]{accent-color:#2b6fd8;margin:0}.surface-name{width:40px;font-size:13px;color:#333}.radio-row .color-input,.radio-row .select-input{flex:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.dialog{position:fixed;background:#fbfbfc;border:1px solid #e0e0e2;border-radius:12px;box-shadow:0 24px 70px #0000004d,0 4px 14px #0000001f;min-width:490px;max-width:92vw;max-height:90vh;overflow:auto}.dlg-title{height:34px;line-height:34px;text-align:center;font-weight:600;color:#3a3a3c;background:#fff;border-bottom:1px solid #efeff1;cursor:grab;touch-action:none}.dlg-title:active{cursor:grabbing}.dlg-body{padding:16px 18px 6px}.dlg-group{border:1px solid #e4e4e7;border-radius:9px;padding:11px 13px 7px;margin-bottom:13px;min-width:0}.dlg-group legend{padding:0 6px;color:#8e8e93;font-weight:500}.dlg-cols{display:flex;gap:13px;align-items:stretch}.dlg-cols>.dlg-group{flex:1}.field-row{display:flex;align-items:center;gap:7px;margin-bottom:9px}.field-label{min-width:86px;text-align:right;color:#515154;flex:none}.field-unit{color:#a0a0a5;flex:none}.inline-check{display:inline-flex;align-items:center;gap:5px;margin-left:10px;white-space:nowrap}.dlg-note{color:#a0a0a5;padding:2px 4px 8px}.dlg-footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 18px 16px}.sw-btn{font:inherit;padding:5px 22px;border:1px solid #d6d6d9;border-radius:7px;background:#fff;color:#2c2c2e;cursor:default}.sw-btn:hover{background:#f5f6f8;border-color:#c9c9cd}.sw-btn:active{background:#ececef}.btn-default{background:#3478f6;border-color:#3478f6;color:#fff;font-weight:600}.btn-default:hover{background:#2b6ae0;border-color:#2b6ae0}.btn-default:active{background:#245fcf}.about-body{padding:24px 36px 10px;text-align:center}.about-title{font-size:15px;font-weight:700;margin-bottom:10px;color:#2c2c2e}.about-line{margin-bottom:6px;color:#515154}.about-line.muted{color:#a0a0a5;margin-top:10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdcdd1;border:3px solid #f6f6f8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c2c2c6}::-webkit-scrollbar-track{background:transparent}