#viewport.vp-root{-webkit-user-select:none;user-select:none;position:relative}#viewport .vp-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#viewport.vp-transparent{background-color:#2a2c30;background-image:linear-gradient(45deg,#34373c 25%,#0000 25%),linear-gradient(-45deg,#34373c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#34373c 75%),linear-gradient(-45deg,#0000 75%,#34373c 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.vp-overlay{pointer-events:none;z-index:2;font-family:var(--font);font-size:var(--font-size);position:absolute;inset:0;overflow:hidden}.vp-overlay [hidden]{display:none!important}.vp-label{border-radius:var(--radius);max-width:calc(50% - 16px);color:var(--fg-strong);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;-webkit-backdrop-filter:blur(4px);background:#1415188c;align-items:baseline;gap:6px;padding:3px 7px;line-height:1.3;transition:background-color .12s;display:inline-flex;position:absolute;overflow:hidden}.vp-label-view{text-overflow:ellipsis;font-weight:600;overflow:hidden}.vp-label-proj{color:var(--fg-dim);flex:none;font-size:11px}.vp-label-main{pointer-events:auto;cursor:pointer}.vp-label-main:hover{background:#363a40d9}.vp-label-main:after{content:"";border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:4px solid var(--fg-dim);align-self:center;width:0;height:0;margin-left:1px}.vp-quad-lines{position:absolute;inset:0}.vp-quad-line{background:var(--border);position:absolute;box-shadow:0 0 0 .5px #ffffff0a}.vp-quad-line-v{width:1px;top:0;bottom:0}.vp-quad-line-h{height:1px;left:0;right:0}.vp-gate{box-sizing:border-box;border:1px dashed #f2f4f78c;position:absolute;box-shadow:0 0 0 100vmax #0000006b}.vp-drop{opacity:0;visibility:hidden;background:#14151873;justify-content:center;align-items:center;padding:24px;transition:opacity .12s,visibility .12s;display:flex;position:absolute;inset:0}#viewport.vp-dropping .vp-drop{opacity:1;visibility:visible}.vp-drop-box{border:2px dashed var(--accent);border-radius:var(--radius-lg);max-width:420px;color:var(--fg);text-align:center;background:#1b1d21eb;flex-direction:column;align-items:center;gap:6px;padding:22px 28px;display:flex;box-shadow:0 10px 30px #00000073}.vp-drop-box strong{color:var(--fg-strong);font-size:13px;font-weight:600}.vp-drop-box span{color:var(--fg-dim)}#viewport.vp-transforming .vp-label-main{pointer-events:none}.vp-error{color:var(--fg-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.vp-error strong{color:var(--danger);font-size:14px}.vp-marquee{pointer-events:none;z-index:3;background:#4f8cff1f;border:1px dashed #4f8cff;border-radius:2px;position:absolute}.vp-lasso{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vp-lasso polygon{fill:#4f8cff1f;stroke:#4f8cff;stroke-width:1px;stroke-dasharray:4 3}.vp-box-mode .vp-canvas{cursor:crosshair}.viewport-scale-bar{color:#e8ecf2;font:500 12px/1.4 var(--font-mono,ui-monospace, monospace);pointer-events:none;z-index:5;white-space:nowrap;background:#0c0d10b8;border-radius:999px;padding:4px 10px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}html[data-screen=phone] .viewport-scale-bar{font-size:11px;bottom:140px}.a3d-hovercard{z-index:60;max-width:320px;font:var(--font-size,12px) var(--font,sans-serif);color:var(--fg-strong,#fff);background:var(--bg-2,#23262b);border:1px solid var(--border-strong,#4a4f57);border-radius:var(--radius,4px);opacity:.5;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;position:fixed;overflow:hidden;box-shadow:0 4px 14px #00000059}.a3d-hovercard.is-active{opacity:1}.a3d-hovercard[hidden]{display:none}.a3d-hovercard:not([hidden]){align-items:center;gap:2px;display:flex}.a3d-hovercard-name{text-overflow:ellipsis;margin-right:6px;overflow:hidden}.a3d-hovercard-btn{width:22px;height:22px;color:var(--fg,#ddd);border-radius:var(--radius,4px);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.a3d-hovercard-btn:hover{background:var(--bg-4,#363a40);color:var(--fg-strong,#fff)}