/* Button Styling */
.bbp-preview-btn {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.bbp-preview-btn:hover {
    opacity: 0.9;
    transform: scale(1.02);
}

/* Modal Updates */
.bbp-modal-overlay { display: none; justify-content: center; align-items: center; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); backdrop-filter: blur(4px); }
.bbp-modal-content { background: #f5f5f5; width: 95%; max-width: 900px; height: 90vh; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }

/* The Toolbar */
.bbp-toolbar { background: #1e1e1e; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; flex-shrink: 0; }
.bbp-toolbar-left, .bbp-toolbar-center, .bbp-toolbar-right { display: flex; align-items: center; gap: 10px; }
.bbp-tool-btn { background: #333; color: #fff; border: 1px solid #444; border-radius: 4px; padding: 6px 12px; cursor: pointer; font-size: 14px; transition: 0.2s; }
.bbp-tool-btn:hover { background: #444; border-color: #555; }
.bbp-tool-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.bbp-page-info, .bbp-zoom-level { font-family: monospace; font-size: 14px; color: #ccc; }
.bbp-modal-close { color: #ff3b3b; font-size: 28px; line-height: 1; cursor: pointer; transition: 0.2s; font-weight: bold; }
.bbp-modal-close:hover { color: #ff0000; transform: scale(1.1); }


/* The Canvas Container - FIXED for Zooming */
.bbp-canvas-container { 
    flex-grow: 1; 
    overflow: auto; 
    text-align: center; /* Centers the block canvas */
    padding: 20px; 
    background: #525659; 
    display: block; /* Removed flex to allow height expansion */
}

.bbp-pdf-render { 
    display: inline-block; 
    vertical-align: top;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); 
    margin: 0 auto; 
    max-width: none !important; /* Bypasses any theme limits */
    max-height: none !important; /* Bypasses any theme limits */
}
