/* Phase 8: PDF Library, Viewer, Sharing, Download Centre */
.up-pdf-thumb-placeholder { display: flex; align-items: center; justify-content: center; height: 140px; background: var(--color-background); border-radius: 10px; font-size: 40px; margin-bottom: 12px; }
.up-pdf-meta { font-size: 12px; color: #64748B; display: block; margin: 8px 0; }
.up-pdf-viewer-wrap { position: relative; margin: 24px 0; }
.up-pdf-viewer-frame { width: 100%; height: 600px; border: 1px solid #E2E8F0; border-radius: 12px; }
.up-fullscreen-btn { position: absolute; top: 10px; left: 10px; background: var(--color-primary); color: #fff; border: none; padding: 8px 14px; border-radius: 8px; cursor: pointer; }
.up-share-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.up-share-buttons a, .up-share-buttons button { padding: 8px 16px; border-radius: 8px; background: var(--color-card); border: 1px solid #E2E8F0; text-decoration: none; color: inherit; cursor: pointer; font-size: 14px; }
.up-tabs { display: flex; gap: 12px; justify-content: center; margin: 30px 0; flex-wrap: wrap; }
.up-tab-btn { padding: 10px 22px; border-radius: 20px; border: 1px solid var(--color-primary); background: transparent; color: var(--color-primary); cursor: pointer; }
.up-tab-btn.active { background: var(--color-primary); color: #fff; }
.up-tab-panel { display: none; } .up-tab-panel.active { display: block; }
@media (max-width: 768px) { .up-pdf-viewer-frame { height: 400px; } }