.preview-overlay[data-v-bacdaaa4]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgb(var(--tb-color-overlay-rgb)/.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1250}.preview-shell[data-v-bacdaaa4]{background:var(--tb-color-surface);border-radius:1.5rem;box-shadow:0 40px 100px -20px #0000004d;display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 4rem);max-width:1200px;overflow:hidden;width:calc(100vw - 4rem)}.preview-body[data-v-bacdaaa4]{display:grid;grid-template-columns:1fr 360px;overflow:hidden}.preview-stage[data-v-bacdaaa4]{align-items:center;background:var(--tb-color-bg);display:flex;justify-content:center;overflow:hidden;position:relative}.preview-stage-iframe[data-v-bacdaaa4]{transition:opacity .18s ease}.preview-stage-iframe.is-loading[data-v-bacdaaa4]{opacity:0}.preview-rail[data-v-bacdaaa4]{border-left:1px solid var(--tb-color-hairline);overflow-y:auto;padding:1.5rem}@media(max-width:768px){.preview-shell[data-v-bacdaaa4]{height:calc(100vh - 2rem);width:calc(100vw - 2rem)}.preview-body[data-v-bacdaaa4]{grid-template-columns:1fr;grid-template-rows:50vh 1fr}.preview-rail[data-v-bacdaaa4]{border-left:none;border-top:1px solid var(--tb-color-hairline)}}.preview-fade-enter-active[data-v-bacdaaa4],.preview-fade-leave-active[data-v-bacdaaa4]{transition:opacity .2s ease}.preview-fade-enter-active .preview-shell[data-v-bacdaaa4],.preview-fade-leave-active .preview-shell[data-v-bacdaaa4]{transition:transform .2s ease}.preview-fade-enter-from[data-v-bacdaaa4],.preview-fade-leave-to[data-v-bacdaaa4]{opacity:0}.preview-fade-enter-from .preview-shell[data-v-bacdaaa4]{transform:scale(.95)}