.pnkr-pdf-container { margin: 20px auto; width: 100%; }
.pnkr-pdf-iframe-wrapper { position: relative; width: 100%; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.pnkr-pdf-iframe { width: 100%; height: 100%; border: none; display: block; }
.pnkr-pdf-mobile-message { display: none; }
.pnkr-pdfjs-container { position: relative; width: 100%; background: #525252; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.pnkr-pdf-controls { background: #323232; padding: 8px; }
.pnkr-pdf-page-info { color: white; font-size: 13px; white-space: nowrap; }
.pnkr-pdf-canvas-wrapper { overflow: auto; height: calc(100% - 50px); display: flex; justify-content: center; align-items: flex-start; padding: 20px; position: relative; }
.pnkr-pdf-canvas { max-width: 100%; height: auto; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
.pnkr-pdf-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; }
.pnkr-pdf-loader-spinner { border: 4px solid rgba(255,255,255,0.3); border-top: 4px solid #0d6efd; border-radius: 50%; width: 50px; height: 50px; animation: pnkr-spin 1s linear infinite; margin: 0 auto 15px; }
.pnkr-pdf-loader-text { font-size: 14px; }
@keyframes pnkr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (max-width: 768px) {
	.pnkr-pdf-mobile-message { display: block; }
	.pnkr-pdf-iframe-wrapper, .pnkr-pdfjs-container { min-height: 400px; height: 50vh !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.pnkr-pdf-iframe-wrapper, .pnkr-pdfjs-container { height: 60vh !important; }
}