#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}