body.vb-body,html.h-100{height:100vh!important;height:100dvh!important;overflow:hidden;padding-top:env(safe-area-inset-top,0)}.vb-container{height:calc(100vh - 60px);height:calc(100dvh - 60px - env(safe-area-inset-top, 0))}.vb-header{height:60px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);z-index:1000}.vb-header .badge{animation:pulse 2s infinite}.vb-sidebar{width:400px;max-width:40%;min-width:320px;position:relative}.vb-preview{background:#f8f9fa;padding:1.5rem}[data-bs-theme=dark] .vb-preview{background:#0f172a}.vb-preview .vb-preview-frame-container{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.vb-preview .vb-preview-frame-container iframe,.vb-preview .vb-preview-frame-container.device-desktop{width:100%;height:100%}.vb-preview .vb-preview-frame-container.device-tablet{width:768px;height:1024px;max-width:calc(100% - 3rem);max-height:calc(100% - 3rem);box-shadow:0 0 0 10px #dee2e6;border-radius:.375rem}[data-bs-theme=dark] .vb-preview .vb-preview-frame-container.device-tablet{box-shadow:0 0 0 10px #475569}.vb-preview .vb-preview-frame-container.device-tablet iframe{border-radius:.375rem}.vb-preview .vb-preview-frame-container.device-mobile{width:375px;height:667px;max-width:calc(100% - 3rem);max-height:calc(100% - 3rem);box-shadow:0 0 0 10px #dee2e6;border-radius:.375rem}[data-bs-theme=dark] .vb-preview .vb-preview-frame-container.device-mobile{box-shadow:0 0 0 10px #475569}.vb-preview .vb-preview-frame-container.device-mobile iframe{border-radius:.375rem}.vb-preview.loaded .vb-preview-loading{display:none!important}.vb-preview.loaded .vb-preview-frame-container{display:flex!important}.vb-preview.error .vb-preview-loading{display:none!important}.vb-preview.error .vb-preview-error{display:block!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.vb-sidebar{width:320px;max-width:50%}}.vb-edit-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10;overflow-y:auto;padding:1rem}[data-bs-theme=dark] .vb-edit-panel{background:#1e293b}.vb-shortcode-list{display:flex;flex-direction:column;gap:.5rem}.vb-shortcode-item{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem}[data-bs-theme=dark] .vb-shortcode-item{background:#1e293b;border-color:#475569}.vb-shortcode-item:hover{border-color:#6c757d;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.vb-shortcode-item.active{border-color:#206bc4;background:rgba(32,107,196,.1)}[data-bs-theme=dark] .vb-shortcode-item.active{background:rgba(32,107,196,.2)}.vb-shortcode-item .vb-item-drag-handle{cursor:move;color:#6c757d;flex-shrink:0}.vb-shortcode-item .vb-item-drag-handle:hover{color:#212529}[data-bs-theme=dark] .vb-shortcode-item .vb-item-drag-handle:hover{color:#f8f9fa}.vb-shortcode-item .vb-item-icon{width:40px;height:40px;background:#f8f9fa;border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-bs-theme=dark] .vb-shortcode-item .vb-item-icon{background:#334155}.vb-shortcode-item .vb-item-icon i{font-size:1.25rem;color:#6c757d}.vb-shortcode-item .vb-item-content{flex:1;min-width:0}.vb-shortcode-item .vb-item-name{font-weight:500;font-size:.875rem;margin:0 0 .25rem;color:#212529}[data-bs-theme=dark] .vb-shortcode-item .vb-item-name{color:#f8f9fa}.vb-shortcode-item .vb-item-preview{font-size:.75rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-shortcode-item .vb-item-actions{display:flex;gap:.25rem;flex-shrink:0}.vb-panel-content .form-group,.vb-panel-content .mb-3{margin-bottom:1rem}.vb-panel-content .form-group label,.vb-panel-content .mb-3 label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.5rem}.vb-panel-content .form-group textarea,.vb-panel-content .mb-3 textarea{resize:vertical;min-height:100px}.vb-panel-content .form-group .form-text,.vb-panel-content .mb-3 .form-text{font-size:.75rem;color:#6c757d;margin-top:.25rem}.vb-shortcode-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.vb-shortcode-types .vb-shortcode-type{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;text-align:center;cursor:pointer;transition:all .2s}[data-bs-theme=dark] .vb-shortcode-types .vb-shortcode-type{background:#1e293b;border-color:#475569}.vb-shortcode-types .vb-shortcode-type:hover{border-color:#206bc4;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.vb-shortcode-types .vb-shortcode-type .vb-type-icon{width:48px;height:48px;background:#f8f9fa;border-radius:.375rem;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem}[data-bs-theme=dark] .vb-shortcode-types .vb-shortcode-type .vb-type-icon{background:#334155}.vb-shortcode-types .vb-shortcode-type .vb-type-icon i{font-size:1.5rem;color:#6c757d}.vb-shortcode-types .vb-shortcode-type .vb-type-name{font-weight:500;font-size:.875rem;color:#212529;margin-bottom:.25rem}[data-bs-theme=dark] .vb-shortcode-types .vb-shortcode-type .vb-type-name{color:#f8f9fa}.vb-shortcode-types .vb-shortcode-type .vb-type-description{font-size:.75rem;color:#6c757d}.sortable-ghost{opacity:.4}.sortable-drag{opacity:1!important}.vb-shortcode-toolbar{position:absolute;top:8px;right:8px;z-index:9999;display:flex;gap:4px;opacity:0;transition:opacity .2s;pointer-events:none}.vb-shortcode-toolbar .vb-toolbar-btn{width:28px;height:28px;background:var(--tblr-primary);border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0;pointer-events:auto}.vb-shortcode-toolbar .vb-toolbar-btn i,.vb-shortcode-toolbar .vb-toolbar-btn svg{color:#fff;stroke:#fff;width:16px;height:16px;pointer-events:none}.vb-shortcode-toolbar .vb-toolbar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.vb-shortcode-toolbar .vb-toolbar-btn.vb-edit-btn{background:var(--tblr-primary)}.vb-shortcode-toolbar .vb-toolbar-btn.vb-edit-btn:hover{background:var(--tblr-primary-darken)}.vb-shortcode-toolbar .vb-toolbar-btn.vb-delete-btn{background:var(--tblr-danger)}.vb-shortcode-toolbar .vb-toolbar-btn.vb-delete-btn:hover{background:var(--tblr-danger-darken)}[data-shortcode-id]{position:relative}[data-shortcode-id]:hover>.vb-shortcode-toolbar{opacity:1}[data-shortcode-id].vb-active{outline:2px solid var(--tblr-primary);outline-offset:2px;position:relative}[data-shortcode-id].vb-active:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(var(--tblr-primary-rgb),.05);pointer-events:none;z-index:-1}[data-shortcode-id].vb-active>.vb-shortcode-toolbar{opacity:1}