:root{font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif;color:#222;background:#e7edf2;font-size:12px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}button,input{font:inherit}button{cursor:pointer}body{overflow:auto}.dialog-shell{width:min(99vw,1800px);height:calc(100dvh - 16px);min-height:430px;min-width:900px;margin:8px auto;background:#fff;border:1px solid #b6c3ce;box-shadow:0 6px 26px #6b819638;display:flex;flex-direction:column}.titlebar{height:38px;flex:none;background:#e6edf7;border-bottom:1px solid #c8d3df;display:flex;align-items:center;padding:0 9px;gap:5px;color:#324d64}.title-icon{color:#5d81a6;font-size:15px}.titlebar strong{font-weight:500;font-size:12px}.title-rule{flex:1}.titlebar button{border:0;background:transparent;color:#6889a7;font-size:16px;padding:2px 8px}.dialog-body{flex:1;min-height:0;display:grid;grid-template-columns:220px 355px minmax(0,1fr);gap:14px;padding:12px 14px 8px}.nav-panel,.settings-panel{border:1px solid #c5cbd1;min-height:0;display:flex;flex-direction:column;background:#fff}.nav-scroll,.settings-scroll{flex:1;min-height:0;overflow:auto}.nav-scroll{padding:5px 7px}.nav-bottom{border-top:1px solid #ddd;padding:6px;background:#fff}.nav-tools{display:flex;align-items:center;gap:5px}.nav-tools button{width:25px;height:23px;border:1px solid #c9d0d6;background:linear-gradient(#fff,#e9edf1);color:#667f94;font-size:13px;line-height:1}.nav-bottom input{height:24px;margin-top:5px;width:100%;border:1px solid #c4cbd1;padding:2px 6px;font-size:11px}.nav-bottom input::placeholder{color:#a7afb6}.tree-group{margin-bottom:3px}.tree-root,.tree-sub{height:20px;display:flex;align-items:center;white-space:nowrap;font-weight:600}.tree-root{padding-left:2px}.tree-sub{padding-left:23px}.tree-item{display:block;width:calc(100% - 49px);margin-left:49px;text-align:left;border:0;background:#fff;padding:2px 5px;min-height:20px;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item:hover{background:#eaf3fb}.tree-item.active{background:#d9f0ff;color:#184565}.tree-empty{color:#888;padding:12px}.settings-scroll{padding:7px 9px}.property-group{margin-bottom:8px}.group-title{font-weight:600;height:23px;display:flex;align-items:center;white-space:nowrap}.property-row{min-height:23px;display:grid;grid-template-columns:44% 56%;align-items:center;gap:3px;margin-left:21px}.property-row>span{font-weight:600;white-space:nowrap}.property-row output{display:block;min-height:21px;line-height:19px;padding:0 5px;background:#f5f5f5;border:1px solid #c6c6c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2d3339}.property-row.muted output{background:transparent;border-color:transparent;color:#949da6}.property-row output small{float:right;font-size:11px}.property-row .select-like{position:relative;padding-right:18px;background:#edf0f3}.property-row .select-like:after{content:"▾";position:absolute;right:4px;color:#222}.settings-bottom{height:34px;border-top:1px solid #d7dce1;display:flex;align-items:center;justify-content:flex-end;padding:4px 7px}.settings-bottom button{height:25px;min-width:58px}.check-row{display:flex;justify-content:space-between;margin:2px 0 2px 21px;align-items:center;min-height:22px}.check-row input{accent-color:#4b9ac9}.selection-info{margin:7px 0 1px 21px;padding:7px;border:1px solid #d6e7f3;background:#f7fbfe}.selection-info b{color:#276b99}.selection-info p{margin:3px 0 0;color:#6d8190;line-height:1.4;font-size:11px}.viewer-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.viewer-toolbar{height:27px;flex:none;display:flex;align-items:center;justify-content:space-between;color:#62839e;font-size:11px;gap:6px}.viewer-toolbar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-toolbar>div{display:flex;gap:3px;flex:none}.viewer-toolbar button,.dialog-footer button,.settings-bottom button{border:1px solid #bbc3cb;background:linear-gradient(#fff,#e8edf1);padding:2px 10px;color:#293d4d}.viewer-toolbar button{height:23px;font-size:10px;padding:1px 6px}.viewer-toolbar button[aria-pressed=true]{background:#e3f0f9;color:#266b9e;border-color:#9fc7e2}.viewer-toolbar button:hover,.dialog-footer button:hover,.settings-bottom button:hover{border-color:#629aca}.canvas-wrap{position:relative;flex:1;min-height:130px;background:#fff;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%}.labels-layer{position:absolute;inset:0;pointer-events:none}.model-label{position:absolute;transform:translate(22px,-50%);border:0;background:#fffdfa;color:#4383b2;font-size:13px;font-weight:600;white-space:nowrap;padding:3px 8px;pointer-events:auto;line-height:1.25}.model-label:before{content:"";position:absolute;right:100%;top:50%;width:22px;border-top:1px dotted #509bd3}.model-label:hover,.model-label.active,.model-label.hovered{background:#d8eefc;color:#236695}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#648aa5;z-index:3}.view-hint{position:absolute;left:8px;bottom:6px;color:#9aaab7;font-size:10px;pointer-events:none}.dialog-footer{height:44px;flex:none;display:flex;align-items:center;gap:8px;padding:6px 11px;border-top:1px solid #d9e0e5}.dialog-footer button{height:27px;min-width:70px}.dialog-footer button:first-child{min-width:84px}.dialog-footer span{flex:1;color:#6083a1;font-size:11px;text-align:right}.dialog-footer .primary{border-color:#66a2ce;background:#fafdff;color:#245a83}dialog{border:1px solid #aebfcb;box-shadow:0 8px 24px #344c6270;max-width:350px;padding:18px;color:#273c4d}dialog::backdrop{background:#182e4270}dialog h3{margin:0 0 8px;font-size:15px}dialog p{line-height:1.6}dialog button{border:1px solid #8eb5ce;background:#eaf5fc;padding:5px 13px}@media(max-width:1050px){.dialog-body{grid-template-columns:165px 270px minmax(0,1fr);gap:7px;padding:7px}.property-row{font-size:10px}.viewer-toolbar>span{display:none}.tree-item{font-size:11px}}@media(max-height:620px){.dialog-shell{margin:5px auto;height:calc(100dvh - 10px)}.titlebar{height:30px}.dialog-footer{height:36px}.viewer-toolbar{height:24px}.settings-scroll{padding-top:3px}.property-row{min-height:20px}.property-row output{min-height:19px;line-height:17px}}.ui-icon{display:block;width:16px;height:16px;flex:none}.title-icon{display:grid;place-items:center;width:18px;height:18px;color:#537b9c}.title-icon .ui-icon{width:17px;height:17px}.titlebar button{display:grid;place-items:center;width:25px;height:25px;padding:0;border-radius:3px}.titlebar button:hover{background:#d7e8f6;color:#286894}.titlebar button:focus-visible,.nav-tools button:focus-visible{outline:2px solid #5b9dcc;outline-offset:1px}.nav-tools button{display:grid;place-items:center;width:26px;height:25px;padding:0;color:#567c9b}.nav-tools button .ui-icon{width:16px;height:16px}.nav-tools button:hover{border-color:#7caed2;background:#eaf5fc;color:#246b9e}.nav-tools button:active{background:#d8ebf9}.tree-root,.tree-sub{gap:3px}.tree-root .ui-icon,.tree-sub .ui-icon,.group-title .ui-icon{width:11px;height:11px;color:#647b8c;stroke-width:2.3}.group-title{gap:6px}.property-row .select-like:after{content:"";right:7px;top:50%;width:5px;height:5px;border-right:1.5px solid #394d5d;border-bottom:1.5px solid #394d5d;transform:translateY(-65%) rotate(45deg)}:root{font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei UI,sans-serif;color:#202020;background:#e8e8e8}.dialog-shell{border-color:#bcbcbc;border-radius:8px;overflow:hidden;box-shadow:0 8px 28px #00000026}.titlebar{background:#f7f7f7;border-bottom-color:#dedede;color:#252525}.title-icon{color:#3e6d91}.dialog-body{background:#fafafa}.nav-panel,.settings-panel{border-color:#d3d3d3;border-radius:4px;overflow:hidden}.tree-item{font-weight:400;border-radius:3px}.tree-item.active{background:#e6f2fb;color:#153f60}.nav-bottom,.settings-bottom,.dialog-footer{background:#f8f8f8;border-color:#dedede}.nav-tools button,.viewer-toolbar button,.settings-bottom button,.dialog-footer button{background:#fff;border:1px solid #c9c9c9;border-radius:4px;color:#252525;box-shadow:0 1px 1px #0000000b}.nav-tools button:hover,.viewer-toolbar button:hover,.settings-bottom button:hover,.dialog-footer button:hover{background:#f3f3f3;border-color:#9c9c9c;color:#202020}.nav-tools button:active,.viewer-toolbar button:active,.settings-bottom button:active,.dialog-footer button:active{background:#e9e9e9}.dialog-footer .primary{background:#0067c0;border-color:#0067c0;color:#fff}.dialog-footer .primary:hover{background:#005da9;border-color:#005da9;color:#fff}.viewer-toolbar button[aria-pressed=true]{background:#e3f1fc;border-color:#70a8d3;color:#185a8b}.viewer-toolbar button:focus-visible,.settings-bottom button:focus-visible,.dialog-footer button:focus-visible,.property-row button:focus-visible,.tree-item:focus-visible{outline:2px solid #0067c0;outline-offset:1px}.property-row output,.property-row button.select-like{height:22px;min-height:22px;line-height:20px;background:#fff;border:1px solid #bfbfbf;border-radius:3px;color:#252525}.property-row button.select-like{display:block;position:relative;width:100%;padding:0 20px 0 5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}.property-row button.select-like:hover{border-color:#767676;background:#fdfdfd}.property-row button.select-like[aria-expanded=true]{border-color:#0067c0;box-shadow:0 0 0 1px #0067c0}.property-row.muted output{border-color:transparent;background:transparent;color:#777}.empty-dropdown{position:fixed;z-index:20;height:64px;background:#fff;border:1px solid #777;border-radius:3px;box-shadow:0 5px 14px #00000024}.empty-dropdown[hidden]{display:none}.nav-bottom input{border-radius:3px;background:#fff;border-color:#c5c5c5}.nav-bottom input:focus{outline:2px solid #0067c0;outline-offset:1px}.selection-info{border-color:#d7e6f1;background:#f6fafe;border-radius:3px}.leader-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.leader-line{fill:none;stroke:#5d9bc6;stroke-width:1;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;transition:stroke-width .15s}.leader-line.hovered{stroke:#2f7eb0;stroke-width:1.6;stroke-dasharray:none}.leader-dot{fill:#4c93bf;transition:fill .15s,r .15s}.leader-dot.hovered{fill:#1f6f9f;r:3.5}.model-label{transform:translateY(-50%);background:#ffffffeb;padding:4px 10px;border:1px solid #b9d5ea;border-radius:4px;color:#1f5f86;font-size:14px;font-weight:600;box-shadow:0 1px 4px #2f6f9730;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.model-label:hover,.model-label.hovered,.model-label.active{background:#d8eefc;border-color:#5ca6d4;color:#124f78;box-shadow:0 2px 8px #2f6f9740}.model-label:before{content:none}.loading{pointer-events:none}.canvas-wrap{background:linear-gradient(to bottom,#f5f8fb,#edf3f7 31%,#dce7ef 65%,#bccedc);border:1px solid #cbd8e2;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 -38px 68px #aebfcd2e}.canvas-wrap:before{content:"";position:absolute;inset:45% -32% -34%;z-index:0;pointer-events:none;background-image:linear-gradient(#7994a829 1px,transparent 1px),linear-gradient(90deg,#7994a829 1px,transparent 1px);background-size:42px 42px;transform:perspective(560px) rotateX(61deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 72%);mask-image:linear-gradient(to bottom,transparent 0%,#000 72%)}.canvas-wrap canvas{position:relative;z-index:1}.leader-layer,.labels-layer,.view-hint{z-index:2}.view-hint{color:#6d8495}