main{display:flex;flex-direction:column}.toolbar{display:flex;justify-content:flex-start;align-items:center;background-color:var(--card-bg);padding:var(--spacing-sm);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-md);gap:var(--spacing-sm);box-shadow:var(--box-shadow-sm);flex-wrap:wrap}.toolbar-group{display:flex;gap:var(--spacing-sm);align-items:center}.toolbar button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--gray-100);cursor:pointer;transition:var(--transition);font-weight:500;color:var(--text-color);font-size:.9rem}.toolbar button:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-400)}.toolbar button:disabled{cursor:not-allowed;opacity:.5}.toolbar button.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary-dark)}.toolbar button.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.toolbar button.active{background-color:#4361ee26;border-color:var(--primary);color:var(--primary)}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;background-color:var(--card-bg);min-width:160px;box-shadow:var(--box-shadow-lg);z-index:1;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) 0;border:1px solid var(--border-color)}.dropdown-menu a{color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;display:block}.dropdown-menu a:hover{background-color:var(--gray-100);text-decoration:none}.dropdown:hover .dropdown-menu{display:block}.pdf-editor-area{background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);min-height:400px;display:flex;overflow:hidden;flex:1;box-shadow:var(--box-shadow-sm)}.thumbnail-panel{width:200px;background-color:var(--gray-100);border-right:1px solid var(--border-color);padding:var(--spacing-sm);overflow-y:auto}.thumbnail-item{margin-bottom:var(--spacing-sm);cursor:pointer;border:2px solid transparent;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);text-align:center;transition:var(--transition)}.thumbnail-item.active{border-color:var(--primary);background-color:#4361ee1a}.thumbnail-item:hover:not(.active){background-color:var(--gray-200)}.thumbnail-item canvas{width:100%;height:auto;box-shadow:var(--box-shadow-sm)}.page-view-panel{flex:1;padding:var(--spacing-lg);overflow:auto;background-color:var(--gray-200)}#pdf-viewer-wrapper{position:relative;width:fit-content;margin:0 auto}#annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.text-annotation,.text-annotation-editor{position:absolute;font-family:sans-serif;font-size:16px;line-height:1.2;pointer-events:auto}.text-annotation{cursor:pointer;border:1px dashed transparent}.text-annotation:hover{border-color:var(--primary)}.text-annotation-editor{border:1px solid var(--primary);background-color:#fffc;resize:none}.image-annotation{position:absolute;cursor:move;border:1px dashed transparent;pointer-events:auto}.image-annotation:hover{border-color:var(--primary)}.image-annotation img{width:100%;height:100%;display:block;user-select:none}.shape-annotation{position:absolute;pointer-events:auto;cursor:move}.resize-handle{position:absolute;width:10px;height:10px;background-color:var(--primary);border:1px solid white;border-radius:50%}.resize-handle.br{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle.bl{bottom:-5px;left:-5px;cursor:sw-resize}dialog{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:var(--spacing-lg);width:90%;max-width:400px;background-color:var(--card-bg);color:var(--text-color)}dialog::backdrop{background-color:#0006}dialog h3{margin:0 0 var(--spacing-md);font-weight:600}.dialog-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dialog-buttons button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);cursor:pointer}.dialog-buttons .btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger);margin-right:auto}.dialog-buttons .btn-danger:hover{background-color:#d63e60}#textPropertiesDialog{padding:0}#textPropertiesForm{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}#textPropertiesForm h3{margin:0 0 var(--spacing-sm)}.form-group-inline{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}#textPropertiesForm input,#textPropertiesForm select,#textPropertiesForm textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;background-color:var(--input-bg-color);color:var(--text-color);font-family:inherit}#shapePropertiesDialog{padding:0;max-width:350px}#shapePropertiesForm{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}#promptDialog,#choiceDialog{padding:0}#promptForm,#choiceDialogContent{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}#promptForm h3,#choiceDialogContent p{margin:0 0 var(--spacing-sm);font-weight:600}#promptInput{width:100%;padding:var(--spacing-sm);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;background-color:var(--input-bg-color);color:var(--text-color);font-family:inherit}#helpDialog{padding:0;max-width:600px}.help-content{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}.help-content h2{margin-top:0;border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-sm)}.help-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.help-content ul{padding-left:var(--spacing-lg);margin:0}.help-content li{margin-bottom:var(--spacing-sm)}#helpDialog .dialog-buttons{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.style-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-color)}.style-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.style-btn[data-style=bold]{font-weight:700}.style-btn[data-style=italic]{font-style:italic}.style-btn[data-style=underline]{text-decoration:underline}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:45px;height:30px;padding:4px;background-color:transparent;border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}body.dark-theme .toolbar{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .toolbar button{background-color:var(--gray-200);border-color:var(--gray-300);color:var(--text-color)}body.dark-theme .toolbar button:hover:not(:disabled){background-color:var(--gray-300)}body.dark-theme .toolbar button.active{background-color:#6b8cff33;border-color:var(--primary);color:var(--primary)}body.dark-theme .dropdown-menu{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .dropdown-menu a{color:var(--text-color)}body.dark-theme .dropdown-menu a:hover{background-color:var(--gray-200)}body.dark-theme .pdf-editor-area{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .thumbnail-panel{background-color:var(--gray-100);border-right-color:var(--border-color)}body.dark-theme .thumbnail-item.active{border-color:var(--primary);background-color:#6b8cff26}body.dark-theme .page-view-panel{background-color:var(--gray-200)}body.dark-theme dialog{background-color:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}body.dark-theme dialog::backdrop{background-color:#0009}body.dark-theme .style-btn{background:var(--gray-200);border-color:var(--gray-300);color:var(--text-color)}body.dark-theme .style-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}body.dark-theme .text-annotation-editor{background-color:#1e1e1ecc}@media (max-width: 768px){.toolbar{flex-wrap:wrap}.pdf-editor-area{flex-direction:column}.thumbnail-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto;padding:var(--spacing-xs)}.thumbnail-item{min-width:80px;margin-bottom:0;margin-right:var(--spacing-xs)}}@media (max-width: 480px){.toolbar button span{display:none}.toolbar button svg{margin:0}}
