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