.document-view-canvas{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-height:100%;padding:24px;display:flex}.document-view-instance{min-width:0;position:relative}.is-designing .document-view-instance{cursor:pointer;border-radius:7px;padding:12px}.is-designing .document-view-instance[data-selected=true]{background:var(--app-hover)}.is-designing .document-view-instance:focus-visible{outline:none}.document-view-diagnostic{color:var(--app-muted);margin:0;font-size:12px}.document-instance-drag{z-index:1;background:var(--app-background);color:var(--app-muted);opacity:0;cursor:grab;border:0;border-radius:3px;place-items:center;padding:2px;display:grid;position:absolute;top:2px;right:2px}.document-view-instance:hover>.document-instance-drag,.document-view-instance[data-selected=true]>.document-instance-drag,.document-instance-drag:focus-visible{opacity:1}.document-view-instance[data-dragging=true]{opacity:.4}.document-view-instance[data-drop=before]{box-shadow:inset 0 2px #087fff}.document-view-instance[data-drop=after]{box-shadow:inset 0 -2px #087fff}.document-view-instance[data-drop=blocked]{box-shadow:inset 0 0 0 1px #b91c1c}.document-view-canvas[data-drop=inside]{box-shadow:inset 0 0 0 1px #087fff}