@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{font-family:HarmonyOS Sans SC,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:HarmonyOS Sans SC,sans-serif;color:#202020;background:#e8e8e8}body,button,input,select,textarea,dialog{font-family:HarmonyOS Sans SC,sans-serif}.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}.tree-root,.tree-sub{width:100%;border:0;background:transparent;text-align:left;color:inherit;font-size:inherit;cursor:pointer;border-radius:3px}.tree-root:hover,.tree-sub:hover{background:#eaf3fb}.tree-root[aria-expanded=false] .ui-icon,.tree-sub[aria-expanded=false] .ui-icon{transform:rotate(-90deg)}.tree-root .ui-icon,.tree-sub .ui-icon{flex:none;transition:transform .15s}.tree-branches[hidden],.tree-items[hidden]{display:none}.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,.tree-root:focus-visible,.tree-sub: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:var(--label-accent,#6889a0);stroke-opacity:.78;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-width .18s,stroke-opacity .18s}.leader-line.hovered{stroke-opacity:1;stroke-width:2.8}.leader-dot{fill:var(--label-accent,#6889a0);stroke:#f7fafc;stroke-width:2;transition:r .18s,opacity .18s}.leader-dot.hovered{r:4.5}.model-label{transform:translateY(-50%);background:#f9fbfce8;padding:5px 10px 5px 13px;border:1px solid #aebfc9;border-left:3px solid var(--label-accent,#6889a0);border-radius:4px;color:#263d4c;font-size:12px;font-weight:650;letter-spacing:.02em;box-shadow:0 2px 8px #273d4d24;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.model-label:hover,.model-label.hovered,.model-label.active{background:var(--label-accent,#294c62);border-color:var(--label-accent,#294c62);color:#fff;box-shadow:0 3px 14px #263d4c55,0 0 0 2px #ffffffa8;transform:translateY(-50%) scale(1.05)}.labels-layer.has-focus .model-label:not(.active):not(.hovered),.leader-layer.has-focus .leader-line:not(.hovered),.leader-layer.has-focus .leader-dot:not(.hovered){opacity:.28}.model-label:before{content:none}.loading{pointer-events:none}.canvas-wrap{background:radial-gradient(ellipse 82% 66% at 53% 32%,#e8f2f8 0%,#d2e2eb 46%,transparent 74%),linear-gradient(to bottom,#dbe8f0,#bdd1dd 58%,#8daabd);border:1px solid #a0b8c7;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff83,inset 0 -50px 90px #6e8ea32e}.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}.view-actions{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:6px}.view-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;min-width:88px;padding:0 10px;border:1px solid #8fa9b9;border-radius:6px;background:#f8fbfdeb;color:#244357;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 9px #27485d2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.view-action .ui-icon{width:15px;height:15px;stroke-width:2}.view-action.primary{border-color:#14679b;background:#176fa5;color:#fff;box-shadow:0 2px 10px #176fa545}.view-action[aria-pressed=true]{border-color:#3e8cb2;background:#d9edf7;color:#115979;box-shadow:inset 0 0 0 1px #83bad4,0 2px 9px #27485d28}.view-action:hover{background:#e5f2fa;border-color:#326e93;transform:translateY(-1px);box-shadow:0 4px 12px #27485d40}.view-action.primary:hover{background:#0d5f91;border-color:#0d5f91}.view-action[aria-pressed=true]:hover{background:#cbe6f3}.view-action:active{transform:translateY(0)}.view-action:focus-visible{outline:3px solid #164e78;outline-offset:2px}@media(max-width:1050px){.view-actions{top:9px;right:9px;gap:5px}.view-action{min-width:78px;height:32px;padding:0 8px;font-size:11px}}