*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:inherit}:root{--primary-color: #e97425;--primary-backgound-color: #fff8f0;--primary-text-color: #323233;--primary-border-radius: 6px;--primary-color-soft: rgba(233, 116, 37, .12);--primary-color-active: rgba(233, 116, 37, .16);--node-active-color: #ff3b30;--node-active-color-soft: rgba(255, 59, 48, .14);--surface-color: #ffffff;--surface-muted: #f5f5f5;--border-color: #e8e8e8;--text-secondary: #999999}#app{display:flex;width:100%;height:100%;overflow:hidden;color:var(--primary-text-color);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.left-menu,.right-menu{flex:0 0 250px;height:100%;display:flex;flex-direction:column;background:var(--surface-color);overflow:hidden}.left-menu{box-shadow:inset -1px 0 0 var(--border-color)}.right-menu{box-shadow:inset 1px 0 0 var(--border-color);position:relative}.right-menu__resizer{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;touch-action:none;z-index:1}.right-menu__resizer:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary-color);opacity:0;transition:opacity .15s ease}.right-menu__resizer:hover:after,.right-menu__resizer--dragging:after{opacity:1}.left-menu__title,.right-menu__title{position:relative;flex:0 0 auto;display:flex;align-items:center;height:44px;padding:0 16px;font-size:15px;font-weight:600;letter-spacing:.5px;color:var(--primary-text-color);box-shadow:inset 0 -1px 0 var(--border-color)}.left-menu__title-icon,.right-menu__title-icon{width:14px;margin-right:10px;font-size:14px;color:var(--primary-color)}.left-menu__tree{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 10px}.left-menu__tree .ant-tree-node-content-wrapper{display:flex;align-items:center;padding-inline:6px;border-radius:var(--primary-border-radius)}.left-menu__tree .ant-tree-title{flex:1 1 auto;min-width:0}.left-menu__tree .ant-tree-node-selected{font-weight:500}.left-menu__tree .left-menu__row--open .ant-tree-node-content-wrapper,.left-menu__tree .left-menu__row--open .ant-tree-node-content-wrapper:hover{color:var(--primary-color);background-color:var(--primary-color-active);font-weight:500}.left-menu__group{display:flex;align-items:center;width:100%;cursor:pointer}.container{flex:1 1 auto;min-width:0;height:100%;overflow:hidden;background:var(--primary-backgound-color);position:relative}.container>canvas{display:block}.view-toolbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:1;max-width:calc(100% - 24px);padding:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.view-toolbar::-webkit-scrollbar{display:none}.view-toolbar .ant-segmented{border-radius:4px;border:1px solid rgba(232,232,232,.9);box-shadow:0 6px 18px #3232331f,0 1px 3px #32323314;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.view-toolbar .ant-segmented .ant-segmented-item{position:relative;border-radius:4px;transition:color .18s ease,background-color .18s ease}.view-toolbar .ant-segmented .ant-segmented-item-label{min-height:30px;padding:0 13px;line-height:30px;font-size:13px}.view-toolbar .ant-segmented .ant-segmented-item-selected{font-weight:500;box-shadow:0 2px 8px #e9742559}.view-toolbar .ant-segmented .ant-segmented-thumb{border-radius:4px;background:var(--primary-color);box-shadow:0 2px 8px #e9742559}.view-toolbar .ant-segmented .ant-segmented-item:nth-child(7):not(.ant-segmented-item-selected):before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:var(--border-color)}.right-menu__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px}.right-menu__caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--primary-color)}.right-menu__caption-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-menu__caption-node{flex:0 0 auto;font-size:12px}.right-menu__caption-node--idle{font-weight:400;color:var(--text-secondary)}.right-menu__sheet{box-sizing:border-box;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);overflow:hidden}.right-menu__sheet svg{width:100%;height:auto}.sch-node__hit{fill:transparent;pointer-events:all}.sch-node{cursor:pointer}.sch-node:not(.sch-node--active):hover .sch-node__hit{fill:var(--primary-color-soft)}.sch-node--active .sch-node__hit{fill:var(--node-active-color-soft)}.sch-node--active .sch-node__dot{fill:var(--node-active-color);stroke:var(--node-active-color)}.sch-node--active .sch-node__label{fill:var(--node-active-color);font-weight:600}.right-menu__specs-title{margin:12px 0 6px;font-size:13px;font-weight:500;color:var(--primary-text-color)}.right-menu__specs{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.right-menu__specs th{width:84px;padding:6px 8px;border:1px solid var(--border-color);background:var(--surface-muted);font-weight:400;text-align:left;color:var(--text-secondary);vertical-align:top}.right-menu__specs td{padding:6px 8px;border:1px solid var(--border-color);color:var(--primary-text-color);word-break:break-word}.right-menu__tip{margin-top:8px;font-size:12px;color:var(--text-secondary)}.right-menu__hint{padding:24px 8px;text-align:center;font-size:13px;line-height:1.7;color:var(--text-secondary)}.right-menu__hint--error{color:#d4380d}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--primary-backgound-color);transition:opacity .3s ease,visibility .3s ease}.loading-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-overlay__spinner{width:36px;height:36px;border:3px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:loading-spinner .8s linear infinite}@keyframes loading-spinner{to{transform:rotate(360deg)}}.loading-overlay__text{font-size:13px;letter-spacing:.5px;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.loading-overlay__spinner{animation:none}}:root{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root,#app{height:100%;width:100%}