.pdf-container{max-width:1200px;margin:auto;padding:10px;font-family:Arial,sans-serif}.file-input{margin-bottom:10px}.toolbar{gap:10px;margin-bottom:10px;display:flex}.viewer-wrapper{border:1px solid #ddd;height:75vh;display:flex}.thumbs{border-right:1px solid #ccc;width:90px;padding:5px;overflow-y:auto}.thumbs img{cursor:pointer;border:2px solid #0000;width:100%;margin-bottom:6px}.thumbs img.active{border-color:#007bff}.viewer{touch-action:none;background:#f1f1f1;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.viewer canvas{width:100%;height:auto;display:block}.sig img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%}.draw-box,.type-box{align-items:center;gap:8px;margin-top:12px;display:flex}.draw-box canvas{border:1px solid #ccc}.export-btn{margin-top:12px;padding:8px 16px}.download{margin-top:10px;display:block}.error{color:red}.viewer-scroll{background:#eee;height:75vh;padding:10px;overflow:auto}.page-wrapper{margin-bottom:20px;position:relative}.page-wrapper canvas{background:#fff;width:100%;display:block}.sig{cursor:grab;position:absolute}.sig img{pointer-events:none;width:100%}.resize{cursor:se-resize;background:#007bff;width:14px;height:14px;position:absolute;bottom:-6px;right:-6px}.rotate{cursor:grab;background:red;width:14px;height:14px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.templates{gap:8px;margin-top:10px;display:flex}.templates img{cursor:pointer;border:1px solid #ccc;width:80px}