.topbuddy-preview-wrapper{background:#fff;border:1px solid #c3c4c7;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);margin-bottom:20px}.topbuddy-preview-label{align-items:center;background:#fff;border-bottom:1px solid #c3c4c7;color:#1d2327;display:flex;font-size:13px;padding:12px 16px}.topbuddy-preview-label strong{font-weight:600}.topbuddy-preview-label svg{height:20px;width:20px}.topbuddy-preview-label__separator{background:#c3c4c7;height:20px;margin:0 12px;width:1px}.topbuddy-notification-bar-preview{align-items:center;background:#f0f0f1;display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative}.topbuddy-notification-bar-preview .topbuddy-notification-bar{max-width:100%;position:relative;width:100%}.topbuddy-preview-empty{color:#646970;font-size:13px;font-style:italic;padding:20px;text-align:center}.topbuddy-preview-sortable-item{align-items:center;cursor:grab;display:inline-flex;gap:4px;position:relative}.topbuddy-preview-sortable-item:active{cursor:grabbing}.topbuddy-preview-sortable-item:has(.topbuddy-notification-bar-grow){flex-grow:1}.topbuddy-preview-sortable-item.is-dragging{cursor:grabbing;z-index:999}.topbuddy-preview-sortable-item.is-expanded .topbuddy-preview-sortable-item__component:after{border-color:#2271b1;border-style:solid}.topbuddy-preview-sortable-item:hover .topbuddy-preview-sortable-item__actions{opacity:1}.topbuddy-preview-sortable-item__actions{display:flex;gap:4px;left:50%;opacity:0;position:absolute;top:-28px;transform:translateX(-50%);transition:opacity .2s ease;z-index:10}.topbuddy-preview-sortable-item__action{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.topbuddy-preview-sortable-item__action .dashicons{font-size:16px;height:16px;width:16px}.topbuddy-preview-sortable-item__action--edit{background:rgba(34,113,177,.9);color:#fff}.topbuddy-preview-sortable-item__action--edit:hover{background:#2271b1}.topbuddy-preview-sortable-item__action--delete{background:rgba(214,54,56,.9);color:#fff}.topbuddy-preview-sortable-item__action--delete:hover{background:#d63638}.topbuddy-preview-sortable-item__component{align-items:center;display:inline-flex;position:relative}.topbuddy-preview-sortable-item__component:hover:after{border:2px dashed #2271b1;border-radius:3px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.topbuddy-preview-add-component{display:flex;justify-content:center;margin-top:16px}.topbuddy-preview-add-component .topbuddy-add-component__dropdown{bottom:auto;margin-bottom:0;margin-top:8px;top:100%}.topbuddy-template-library{margin-top:10px;--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6}.topbuddy-template-library-modal{height:600px;width:min(1100px,90vw)}.topbuddy-template-library-layout{align-items:flex-start;display:flex;gap:24px}.topbuddy-template-library-sidebar{background:#f6f7f7;border:1px solid #dcdcde;border-radius:4px;flex:0 0 240px;padding:16px;position:sticky;top:0}.topbuddy-template-library-sidebar-title{color:#1d2327;font-size:14px;font-weight:600;margin:0 0 12px}.topbuddy-template-library-sidebar-list .components-base-control{margin-bottom:8px}.topbuddy-template-library-sidebar-list .components-base-control:last-child{margin-bottom:0}.topbuddy-template-library-content{flex:1;min-width:0}.topbuddy-template-library-header{margin-bottom:24px}.topbuddy-template-library-header h3{color:#1d2327;font-size:18px;font-weight:600;margin:0 0 8px}.topbuddy-template-library-header .description{color:#646970;font-size:13px;margin:0}.topbuddy-template-library-empty,.topbuddy-template-library-error,.topbuddy-template-library-loading{color:#646970;padding:40px 20px;text-align:center}.topbuddy-template-library-empty .components-spinner,.topbuddy-template-library-error .components-spinner,.topbuddy-template-library-loading .components-spinner{margin:0 auto 16px}.topbuddy-template-library-empty p,.topbuddy-template-library-error p,.topbuddy-template-library-loading p{margin:0 0 16px}.topbuddy-template-library-grid{display:flex;flex-wrap:wrap;gap:15px}.topbuddy-template-card{background:#f6f7f7;border:1px solid #dcdcde;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;padding:16px;transition:all .2s ease}.topbuddy-template-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.topbuddy-template-card-preview{background:#f0f0f1;overflow:hidden;position:relative}.topbuddy-template-card-preview:before{background:rgba(0,0,0,.7);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease;z-index:1}.topbuddy-template-card-preview img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.topbuddy-template-card:hover .topbuddy-template-card-preview:before{opacity:1}.topbuddy-template-card-actions{z-index:2}.topbuddy-template-card-placeholder{align-items:center;background:linear-gradient(135deg,#f0f0f1,#e0e0e1);color:#8c8f94;display:flex;height:100%;justify-content:center;width:100%}.topbuddy-template-card-placeholder .dashicons{font-size:48px;height:48px;width:48px}.topbuddy-template-card-content{flex:1;margin-top:12px;padding:0}.topbuddy-template-card-title{color:#1d2327;font-size:15px;font-weight:600;line-height:1.4;margin:0}.topbuddy-template-card-actions{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.topbuddy-template-card-actions .components-button{white-space:nowrap}.topbuddy-template-card:focus-within .topbuddy-template-card-actions,.topbuddy-template-card:hover .topbuddy-template-card-actions{opacity:1}@media(max-width:900px){.topbuddy-template-library-modal{width:90%}.topbuddy-template-library-layout{flex-direction:column}.topbuddy-template-library-sidebar{flex:1 1 auto;width:100%}.topbuddy-template-card-actions{opacity:1}}