.bccb-blocks-loading{padding:20px;text-align:center}.bccb-blocks-loading p{color:#666;margin-top:10px}.bccb-blocks-controls,.bccb-blocks-controls .components-base-control{margin-bottom:16px}.bccb-blocks-controls .components-base-control:last-child{margin-bottom:0}.bccb-blocks-preview h4{color:#1e1e1e;font-size:14px;font-weight:600;margin:0 0 12px}.bccb-blocks-card-preview{color:#6c7781;font-size:14px;line-height:1.4;margin-bottom:8px}.bccb-blocks-card-preview *{font-size:inherit;line-height:inherit;margin:0}.bccb-blocks-content{animation:contentFadeIn .4s ease-out .2s both;background:#fff;padding:20px}.bccb-blocks-content *{margin-bottom:1em}.bccb-blocks-content :last-child{margin-bottom:0}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wp-block-bccb-blocks-snippet{display:block}.bccb-blocks-select-modal .components-modal__content{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);min-height:500px}.bccb-blocks-select-modal .components-modal__header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e1e5e9;border-radius:16px 16px 0 0;padding:20px 24px}.bccb-blocks-select-modal .components-modal__header h1{color:#1e1e1e;font-size:20px;font-weight:600}.bccb-blocks-modal-content{display:flex;flex-direction:column;height:100%;padding:0}.bccb-blocks-search-section{padding:20px 24px 0}.bccb-blocks-search-section .bccb-blocks-search-input .components-text-control__input{border:2px solid #e1e5e9;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .2s ease}.bccb-blocks-search-section .bccb-blocks-search-input .components-text-control__input:focus{border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,.1);outline:none}.bccb-blocks-snippets-grid{flex:1;max-height:400px;overflow-y:auto;padding:20px 24px}.bccb-blocks-snippet-card{background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease}.bccb-blocks-snippet-card:hover{border-color:#0073aa;box-shadow:0 4px 16px rgba(0,115,170,.1);transform:translateY(-1px)}.bccb-blocks-snippet-card.selected{background:linear-gradient(135deg,#f0f8ff,#fff);border-color:#0073aa;box-shadow:0 4px 16px rgba(0,115,170,.15)}.bccb-blocks-snippet-card:last-child{margin-bottom:0}.bccb-blocks-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.bccb-blocks-card-title{color:#1e1e1e;flex:1;font-size:16px;font-weight:600;line-height:1.3;margin:0}.bccb-blocks-card-date{color:#6c7781;font-size:12px;margin-left:12px;white-space:nowrap}.bccb-blocks-selected-indicator{align-items:center;display:flex;justify-content:flex-end;margin-top:8px}.bccb-blocks-selected-indicator span{background:rgba(0,115,170,.1);border-radius:6px;color:#0073aa;font-size:12px;font-weight:500;padding:4px 8px}.bccb-blocks-no-snippets{padding:60px 20px;text-align:center}.bccb-blocks-empty-state .bccb-blocks-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.bccb-blocks-empty-state h4{color:#1e1e1e;font-size:18px;font-weight:600;margin:0 0 8px}.bccb-blocks-empty-state p{color:#6c7781;font-size:14px;margin:0 0 20px}.bccb-blocks-empty-state .components-button{border-radius:8px;font-weight:500;padding:12px 24px}.bccb-blocks-modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e1e5e9;padding:16px 24px}.bccb-blocks-modal-footer .components-button{border-radius:8px;font-weight:500;padding:10px 16px}.bccb-blocks-placeholder{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #e1e5e9;border-radius:12px;transition:all .3s ease}.bccb-blocks-placeholder:hover{border-color:#6c7781;box-shadow:0 4px 12px rgba(0,0,0,.1)}.bccb-blocks-placeholder-content{padding:48px 24px;text-align:center}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.7}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-title{color:#1e1e1e;font-size:20px;font-weight:600;margin:0 0 8px}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-description{color:#6c7781;font-size:14px;line-height:1.4;margin:0 0 24px}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-actions .bccb-blocks-select-btn{background:linear-gradient(135deg,#0073aa,#005a87);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,115,170,.3);font-weight:500;padding:12px 24px;transition:all .2s ease}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-actions .bccb-blocks-select-btn:hover{box-shadow:0 4px 16px rgba(0,115,170,.4);transform:translateY(-1px)}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-actions .bccb-blocks-create-btn{border-radius:8px;font-weight:500;padding:12px 24px;transition:all .2s ease}.bccb-blocks-placeholder-content .bccb-blocks-placeholder-actions .bccb-blocks-create-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.bccb-blocks-selected{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.bccb-blocks-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px 20px}.bccb-blocks-info{align-items:center;display:flex;gap:12px}.bccb-blocks-icon{font-size:20px;opacity:.8}.bccb-blocks-details .bccb-blocks-title{color:#1e1e1e;font-size:16px;font-weight:600;line-height:1.2;margin:0}.bccb-blocks-details .bccb-blocks-id{color:#6c7781;font-size:12px;font-weight:400}.bccb-blocks-change-btn{border-radius:6px;font-size:13px;padding:6px 12px;transition:all .2s ease}.bccb-blocks-change-btn:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);transform:translateY(-1px)}