*{box-sizing:border-box}body{margin:0;color:#222;background:#f3f3f1;font:14px/1.5 "Segoe UI","Microsoft YaHei",Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}#tools{position:sticky;top:0;z-index:20;background:#fff;min-height:66px;padding:13px max(20px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a}.actions,.options{display:flex;gap:9px;align-items:center}button,.upload,select{border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;min-height:36px;padding:7px 12px;white-space:nowrap}.actions>button:first-child,#place{background:#293d34;color:white;border-color:#293d34}.upload{cursor:pointer;position:relative;display:flex;align-items:center}.upload input{position:absolute;opacity:0;width:1px;height:1px;left:5px;top:5px}.upload:focus-within,button:focus-visible,select:focus-visible{outline:2px solid #97aa9c;outline-offset:2px}#language{max-width:140px;padding:7px 9px}.options button{width:36px;padding:5px;font-size:17px}#viewer{overflow-x:auto;padding:26px 14px 50px}#pages{width:850px;max-width:100%;margin:auto;position:relative}.page{position:relative;background:#fff;width:100%;margin-bottom:24px;box-shadow:0 1px 8px #0000000a;direction:ltr;touch-action:pan-y;isolation:isolate}.page canvas{width:100%;height:100%;display:block}.annotation-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.signature{position:absolute;pointer-events:auto;touch-action:none;user-select:none;cursor:move;outline:1px solid transparent;line-height:0}.signature img{width:100%;height:100%;pointer-events:none;user-select:none;display:block}.signature.selected{outline:1px solid #729dce}.signature .remove,.signature .resize{display:none}.signature.selected .remove,.signature.selected .resize{display:block}.signature .remove{position:absolute;right:-12px;top:-13px;width:23px;height:23px;min-height:0;padding:0;border-radius:50%;background:#fff;border:1px solid #aaa;color:#666;line-height:20px;font-size:18px;cursor:pointer}.signature .resize{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;background:#fff;border:1px solid #729dce;cursor:nwse-resize;touch-action:none}.page .textLayer{position:absolute;inset:0;overflow:clip;line-height:1;transform-origin:0 0;z-index:1;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:#a3c9ef80}dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:6px;padding:22px;color:#333;background:#fff;max-height:90vh;overflow:auto}dialog::backdrop{background:#0005}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.dialog-top h2{font-size:17px;font-weight:500;margin:0}.dialog-top button{border:0;font-size:24px;padding:0;min-height:30px;width:30px;color:#777}#drawing{width:100%;height:210px;border:1px solid #ddd;display:block;touch-action:none}.pad-actions{display:flex;align-items:center;gap:10px;margin-top:16px}#place{margin-inline-start:auto}#error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff1ee;color:#943e2d;padding:12px 18px;max-width:calc(100vw - 30px);z-index:50;border:1px solid #e4c6bc;border-radius:4px}html[dir=rtl] #tools{direction:rtl}
@media(max-width:650px){#tools{padding:9px 12px;gap:8px;flex-wrap:wrap}.actions{width:100%;justify-content:space-between;gap:6px}.actions button,.upload{font-size:12px;padding:7px 10px;white-space:normal;text-align:center}.options{width:100%;justify-content:flex-end;gap:7px}#language{max-width:145px;font-size:12px;min-height:30px;padding:4px 7px}.options button{width:30px;min-height:30px;padding:2px}#viewer{padding:12px 8px 30px}.page{margin-bottom:12px}#drawing{height:170px}dialog{padding:17px}.pad-actions button{font-size:12px;padding:7px 10px}}
@media print{#tools,dialog,#error,.signature .remove,.signature .resize{display:none!important}body,#viewer{background:white;padding:0}#pages{width:100%;max-width:none}.page{box-shadow:none;margin:0;break-after:page}.signature.selected{outline:0}}
.actions{min-width:0}.actions>button,.upload{min-width:0;white-space:normal;overflow-wrap:anywhere}