#pageThumbnails canvas,#pdfCanvas{box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}#overlay .edit-box,#overlay .image-box,.edit-box{pointer-events:auto}@font-face{font-family:Roboto-Regular;src:url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Bold;src:url('fonts/Roboto/Roboto-Bold.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Italic;src:url('fonts/Roboto/Roboto-Italic.ttf') format('truetype');font-weight:400;font-style:italic}@font-face{font-family:Roboto-BoldItalic;src:url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic}#pdfCanvas{display:block;border:1px solid #ccc}#drawingCanvas,#overlay{position:absolute;top:20px;left:20px;pointer-events:none}.edit-box{height:auto;width:auto;position:absolute;font-family:Roboto-Regular,Roboto-Bold,Roboto-Italic,Roboto-BoldItalic;resize:none}.edit-box:focus{border:1px solid #007bff;border-radius:4px;resize:both}[contenteditable=true]{border:1px solid transparent;outline:0;resize:none;transition:border-color .2s}[contenteditable=true]:focus{border:1px dashed #007bff;outline:0;resize:both}.toolbar{display:flex;flex-wrap:wrap;align-items:center;padding:6px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;gap:5px;justify-content:center}.toolbar a,.toolbar button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;text-decoration:none;color:#333;font-size:16px;border-radius:4px;background:#fff;border:1px solid #ddd;cursor:pointer;transition:.2s}.back-wrapper,.font-select,.fore-wrapper{border:1px solid #ddd;cursor:pointer;background:#fff;transition:.2s}.toolbar a:hover,.toolbar button:hover{background:#eee;color:#000}.toolbar i.fa{font-size:16px}.back-wrapper,.fore-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:4px}.back-wrapper:hover,.font-select:hover,.fore-wrapper:hover{background:#eee}.back-palette,.fore-palette{display:none;position:absolute;top:100%;left:0;padding:6px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:10;grid-template-columns:repeat(5,30px);gap:5px}#editor img,#viewerContainer,.font-wrapper,.image-box{display:inline-block}.back-wrapper:hover .back-palette,.fore-wrapper:hover .fore-palette{display:grid}.palette-item{width:10px;height:15px;border-radius:4px;border:1px solid #ccc;cursor:pointer;transition:.2s}.palette-item:hover{transform:scale(1.2);border-color:#888}.back-wrapper i.fa,.fore-wrapper i.fa{font-size:16px;color:#333;width:auto;height:auto;margin-right:0}.toolbar button{background:#ff9800;color:#fff;border:none;padding:5px 10px}.toolbar button:hover{background:#45a049}.font-wrapper{margin-left:5px}.font-select{padding:6px 8px;border-radius:4px;font-size:14px}.image-box .resizer,.resizer{position:absolute;bottom:0;right:0;cursor:se-resize}#editor img{max-width:100%;height:auto;margin:2px 0}.image-box img{display:block;width:100%;height:auto}.resizer{width:10px;height:10px;background:#333}#pageThumbnails{width:150px;overflow-y:scroll;border-right:1px solid #ccc;max-height:100vh;text-align:center}#pageThumbnails canvas{border:1px solid #ddd}#viewerContainer{position:relative;flex:1;padding:20px}.image-box{position:absolute;border:1px dashed #999;padding:2px}.image-box .resizer{background:#03a9f4;width:12px;height:12px}.image-box .delete-btn:hover{background:#c00}#overlay .image-box{z-index:1000}