/* PDF Editor Styles */
.editor-wrapper { min-height: 100vh; background: #2c2c2c; display: flex; flex-direction: column; }

/* Upload overlay */
.upload-overlay { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; }
.upload-card { background: white; border-radius: 20px; padding: 50px 40px; max-width: 500px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.upload-card .upload-icon { font-size: 3rem; color: #e74c3c; margin-bottom: 16px; }
.upload-card h2 { font-size: 1.5rem; font-weight: 800; margin-bottom: 8px; }
.upload-card p { font-size: 0.9rem; color: #666; margin-bottom: 20px; line-height: 1.5; }
.upload-zone { padding: 20px; border: 2px dashed #ddd; border-radius: 14px; }
.btn-upload { background: #e74c3c; color: white; padding: 12px 28px; border-radius: 30px; font-weight: 600; cursor: pointer; border: none; }
.btn-upload:hover { background: #c0392b; color: white; }

/* Toolbar */
.editor-toolbar { display: flex; align-items: center; gap: 4px; padding: 6px 12px; background: #1e1e1e; border-bottom: 1px solid #444; flex-wrap: wrap; }
.tb-group { display: flex; align-items: center; gap: 2px; }
.tb-divider { width: 1px; height: 24px; background: #555; margin: 0 6px; }
.tb-btn { width: 34px; height: 34px; border: none; border-radius: 6px; background: transparent; color: #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.85rem; transition: all 0.15s; }
.tb-btn:hover { background: #444; color: white; }
.tb-btn.active { background: #e74c3c; color: white; }
.tb-color { width: 30px; height: 30px; border: 2px solid #555; border-radius: 6px; cursor: pointer; padding: 0; }
.tb-select { background: #333; color: #ccc; border: 1px solid #555; border-radius: 6px; padding: 4px 6px; font-size: 0.75rem; cursor: pointer; }
.tb-select:focus { outline: none; border-color: #e74c3c; }

/* Navigation */
.editor-nav { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 8px; background: #1e1e1e; color: #ccc; font-size: 0.85rem; }
.editor-nav strong { color: #e74c3c; }
.nav-zoom { margin-left: 20px; display: flex; align-items: center; gap: 6px; }

/* Canvas */
.editor-canvas-wrapper { flex: 1; overflow: auto; display: flex; justify-content: center; padding: 20px; background: #3a3a3a; }
.editor-canvas { position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.4); background: white; }
#pdfCanvas { display: block; }
#annotCanvas { position: absolute; top: 0; left: 0; cursor: crosshair; }

/* Save overlay */
.save-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; }
.save-card { background: white; border-radius: 16px; padding: 40px; max-width: 400px; width: 90%; }
.btn-download { background: linear-gradient(135deg, #2ecc71, #27ae60); color: white; padding: 12px 32px; border-radius: 30px; font-weight: 700; display: inline-flex; align-items: center; }
.btn-download:hover { color: white; }

@media (max-width: 767.98px) { .editor-toolbar { padding: 4px 8px; } .tb-btn { width: 30px; height: 30px; font-size: 0.75rem; } .tb-options { display: none; } .editor-canvas-wrapper { padding: 10px; } }