body{margin:0;font-family:Arial,sans-serif;background:#f0f0f0}#toolbar{background:#333;color:#fff;padding:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}#toolbar2{background:#333;color:#fff;padding:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ribbon-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px;background:#333;flex-wrap:wrap;gap:8px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.ribbon-group{display:flex;flex-direction:row;gap:6px;padding:6px 8px;background:#444;border-radius:6px;margin-bottom:8px}.btn{background:#555;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.btn:hover{background:#777}.btn-hidden{display:none}.btn-locked{display:none}.tool-btn.active{background:#ff9800;color:#000}.save-btn-bake{background:#4caf50}.save-btn-save{background:#8b4000}#pdf-container{position:relative;margin:0 auto;background:#888;overflow:auto;text-align:center;max-width:90%;max-height:86vh}#annot-canvas,#pdf-canvas{position:absolute;top:0;left:0}canvas{display:block;margin:auto}.tool-btn-noactive{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;font-size:12px;text-align:center}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;font-size:12px;text-align:center}.tool-btn-noactive i{font-size:20px;margin-bottom:4px}.tool-btn i{font-size:20px;margin-bottom:4px}#loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:20px 40px;border-radius:8px;z-index:1000;font-size:18px;display:flex;align-items:center;gap:12px}#copy-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:20px 40px;border-radius:8px;z-index:1000;font-size:18px;display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:3px solid #fff;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layer-panel{width:250px;padding:10px;background:#eee;overflow-y:auto;font-family:sans-serif;font-size:14px}.annotation-entry{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;background:#fff;padding:4px;border:1px solid #ccc}.annotation-entry.selected{background:#cce5ff}.draggable-panel{position:fixed;top:100px;left:100px;width:250px;height:300px;background:#fff;border:1px solid #ccc;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column}.drag-handle{background:#ddd;padding:8px;cursor:move;font-weight:700;border-bottom:1px solid #ccc;user-select:none}#annotation-list{flex:1;overflow-y:auto;padding:6px}#refresh-layers{margin:6px;padding:4px 10px;width:calc(100% - 12px);cursor:pointer}.drag-handle{display:flex;justify-content:space-between;align-items:center;background:#ddd;padding:8px;font-weight:700;border-bottom:1px solid #ccc;user-select:none}.header-buttons{display:flex;gap:6px}.close-btn,.icon-btn{background:0 0;border:none;font-size:16px;cursor:pointer;color:#444;padding:0}.icon-btn:hover{color:#007bff}.close-btn:hover{color:red}.toolbar-left input[type=range],.toolbar-right input[type=range]{width:70px}input[type=color]{width:28px;height:22px;padding:0;border:none}#font-select{width:60px;max-width:100%}#font-select option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#font-size-input{width:40px}#crop-modal,#pdf-page-selector,#rect-number-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center}#crop-modal .modal-content,#pdf-page-selector .modal-content,#rect-number-modal .modal-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);min-width:300px;text-align:center}#crop-modal h3,#pdf-page-selector h3,#rect-number-modal h3{margin:0 0 16px 0;color:#333}#crop-modal p,#pdf-page-selector p,#rect-number-modal p{margin:0 0 16px 0;color:#666}#crop-modal label,#pdf-page-selector label,#rect-number-modal label{display:block;margin-bottom:16px;color:#333;font-weight:700}#pdf-page-selector input[type=number],#rect-number-modal input[type=text]{width:120px;padding:6px;margin-left:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}#crop-modal .modal-buttons,#pdf-page-selector .modal-buttons,#rect-number-modal .modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}#crop-modal .modal-buttons .btn,#pdf-page-selector .modal-buttons .btn,#rect-number-modal .modal-buttons .btn{min-width:80px}#crop-floating-buttons{position:fixed;top:20px;left:20px;z-index:1500;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.95);padding:12px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}#crop-floating-buttons .btn{min-width:140px;font-size:14px;font-weight:700}#crop-apply-float{background:#4caf50;color:#fff}#crop-apply-float:hover{background:#45a049}#crop-cancel-float{background:#f44336;color:#fff}#crop-cancel-float:hover{background:#da190b}.custom-select{padding-top:2px;position:relative;display:inline-block;width:120px;font-family:sans-serif}.selected{height:24px;border:1px solid #aaa;border-radius:4px;cursor:pointer}.options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #aaa;border-radius:4px;display:none;flex-wrap:wrap;gap:4px;padding:6px;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.15)}.option{width:30px;height:25px;border-radius:3px;cursor:pointer;border:1px solid rgba(0,0,0,.1);transition:transform .1s ease}.option:hover{transform:scale(1.1);border-color:#00000033}