#component-hotspots{position:fixed;inset:0;z-index:5;pointer-events:none}#component-hotspots[hidden],.component-hotspot[hidden]{display:none}#component-hotspot-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.component-leader{fill:none;stroke:#e8b900;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #ffffff90)}.component-hotspot{position:absolute;left:-14px;top:-14px;width:28px;height:28px;padding:0;background:transparent;border:0;border-radius:50%;pointer-events:auto;overflow:visible;cursor:pointer;will-change:transform}.component-dot{position:absolute;left:9px;top:9px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ffcb05;box-shadow:0 1px 8px #141c2440}.component-dot:before,.component-dot:after{content:"";position:absolute;inset:-6px;border:1px solid #ffcb05;border-radius:50%;animation:component-pulse 2.6s ease-out infinite;animation-delay:var(--pulse-delay)}.component-dot:after{animation-delay:calc(var(--pulse-delay) + 1.3s)}.component-name{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:7px;width:136px;height:34px;padding:0 10px;border:1px solid #ffffffc9;border-radius:10px;background:#fffffff2;color:#3d4140;font-size:12px;font-family:Inter,"Microsoft YaHei",sans-serif;white-space:nowrap;box-shadow:0 3px 16px #22333312;pointer-events:auto;transition:background .18s,color .18s,border-color .18s}.component-label-number{font-size:12px;color:#a28a2e;font-variant-numeric:tabular-nums}.component-name>.ph-fill{margin-left:auto;font-size:12px;color:#9c9f98}.component-hotspot:hover .component-name,.component-hotspot:focus-visible .component-name,.component-hotspot.active .component-name{background:#ffdf64;border-color:#ffcb05;color:#242723}.component-hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}.component-hotspot.active .component-dot{background:#fff;border-color:#ffcb05}.workspace-ui .component-dialog{width:min(444px,calc(100vw - 32px));max-width:444px;max-height:calc(100dvh - 40px);margin:auto;padding:32px;border:1px solid #fff;border-radius:25px;background:#fff;color:#292d2b;box-shadow:0 24px 100px #17221e35;overflow:auto;animation:component-dialog-in .25s ease-out}.component-dialog::backdrop{background:#0e1b244d;backdrop-filter:blur(4px)}.component-dialog .component-close{position:absolute;right:15px;top:15px;width:31px;height:31px;border-radius:10px;background:#f2f3f1;color:#747b75;display:grid;place-items:center}.component-heading{display:flex;align-items:center;gap:10px;padding-right:25px}.component-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffcb05;color:#322e15;font-size:12px}.component-region{font-size:12px;color:#8b918b}.component-title-row{display:flex;align-items:center;gap:10px;margin:25px 0 15px}.component-title-row .component-icon{font-size:28px;color:#343b34}.workspace-ui .component-dialog h2{font-size:25px;line-height:1.4;letter-spacing:0;margin:0;font-weight:500}.workspace-ui .component-dialog .component-intro{font-size:12px;color:#777f79;line-height:2;margin:0 0 22px}.component-facts{margin:0;padding:5px 16px;background:#f6f6f3;border-radius:15px}.component-facts>div{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #e9ebe6}.component-facts>div:last-child{border-bottom:0}.component-facts dt{font-size:12px;color:#979c95}.component-facts dd{font-size:12px;line-height:1.6;margin:0;color:#4e574f}.component-dialog-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:24px}.component-dialog-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:11px;font-size:12px}.component-look{background:#ffcb05;color:#2b2d20}.component-look:hover{background:#ffdb4c}.component-dismiss{background:#f1f2ef;color:#757b74}.component-dismiss:hover{background:#e7eae3}.component-source{display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;margin:17px auto 0;font-size:12px;color:#939a91;text-decoration:none}.component-source:hover{color:#414b40}.component-source .ph-fill{font-size:12px}@keyframes component-pulse{0%{transform:scale(.55);opacity:.8}80%,100%{transform:scale(1.55);opacity:0}}@keyframes component-dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:850px){.component-name{width:124px;gap:5px;padding:0 8px;font-size:12px}.component-label-number{font-size:12px}.workspace-ui .component-dialog{margin:auto;padding:25px 22px;max-height:calc(100dvh - 28px);border-radius:21px}.workspace-ui .component-dialog h2{font-size:23px}.component-title-row{margin-top:23px}.component-facts{padding:4px 12px}.component-facts>div{grid-template-columns:68px 1fr;gap:7px}}@media(prefers-reduced-motion:reduce){.component-dot:before,.component-dot:after,.component-dialog{animation:none}.component-name{transition:none}}

.component-name{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s,background .18s,color .18s,border-color .18s}.component-hotspot.label-visible .component-name{opacity:1;visibility:visible;pointer-events:auto}.component-leader{opacity:0;transition:opacity .16s}.component-leader.label-visible{opacity:1}