/* A live editor leaves the existing navigation reachable without adding a toolbar. */
.modal-bg.workspace-edit-modal{top:var(--edit-nav-top,0px);bottom:var(--edit-nav-bottom,0px);box-sizing:border-box}
.workspace-edit-modal .modal{max-height:calc(100dvh - var(--edit-nav-top,0px) - var(--edit-nav-bottom,0px) - 4vh);min-height:0}
#app [data-edit-hint]::after{content:attr(data-edit-hint);display:inline-block;margin-left:5px;font-size:10px;line-height:1;padding:3px 4px;border-radius:4px;background:#eaf2fb;color:#345471;vertical-align:middle}
#app .tabs button.on[data-edit-hint]::after{background:#f4f7fb}
@media(max-width:700px){
 .modal-bg.workspace-edit-modal{align-items:flex-end}
 .workspace-edit-modal .modal,.workspace-edit-modal .modal.batch{max-height:calc(100dvh - var(--edit-nav-top,0px) - var(--edit-nav-bottom,0px));padding-bottom:16px;border-radius:16px 16px 0 0}
 #mobile-bottom [data-edit-hint]::after{display:block;margin:1px auto 0;width:max-content;font-size:9px}
}