:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#243a35;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 4vw;border-bottom:1px solid #dce2d9;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:13px;align-items:center}.logo{background:#1d5848;color:white;border-radius:12px;width:45px;height:45px;text-align:center;font-size:31px}h1{font-size:21px;margin:0;font-weight:650;letter-spacing:.03em}.brand p{margin:5px 0 0;font-size:12px;color:#69796e}.privacy{font-size:12px;background:#eaf3e9;padding:9px 13px;border-radius:30px;color:#406d4a}main{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1440px;margin:auto;padding:28px 4vw;gap:28px}aside{background:#fff;border:1px solid #dce2d9;border-radius:14px;align-self:start;overflow:hidden}section{padding:22px;border-bottom:1px solid #e6ebe3}section:last-child{border:0}.section-title{display:flex;gap:9px;align-items:center;margin-bottom:18px}.section-title>span{color:#648773;background:#edf3eb;border-radius:5px;padding:4px 6px;font-size:11px;font-weight:700}h2{font-size:15px;margin:0;font-weight:650}.file-label{display:block;font-size:13px;margin:17px 0 8px;font-weight:600}small{display:block;font-weight:400;color:#7a877e;font-size:11px;margin-top:4px}input[type=file]{width:100%;font-size:11px;border:1px dashed #bbcabb;border-radius:7px;padding:11px 7px;background:#fafbf8;color:#55665a}input::file-selector-button{border:0;background:#e6eee3;color:#28523b;padding:7px;border-radius:4px;margin-right:5px}.hint,.small{font-size:12px;color:#708076;line-height:1.75}.small{font-size:11px;text-align:center}fieldset{border:0;margin:0;padding:0}fieldset label{display:flex;justify-content:space-between;font-size:12px;margin:16px 0 7px}input[type=range]{width:100%;accent-color:#1d5848}input[type=date]{padding:9px;border:1px solid #cfd8cc;border-radius:6px;background:white;font:inherit;font-size:12px;width:100%;color:inherit}.check{display:flex;gap:8px;align-items:flex-start;line-height:1.7}.check input{accent-color:#1d5848;margin-top:4px}button,select{font:inherit;border:1px solid #d5ded1;background:#fff;border-radius:7px;padding:9px 12px;color:inherit;cursor:pointer}button:hover{background:#eef3ea}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#1d5848;color:white;border-color:#1d5848;font-weight:600;font-size:13px}.primary:hover{background:#154335}.export .primary{width:100%;display:flex;justify-content:space-between;padding:14px}.subtle{width:100%;margin-top:10px;border:0;font-size:12px;background:transparent}article{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 20px;gap:12px;font-size:13px}.toolbar>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-dot{display:inline-block;background:#8a9f85;border-radius:50%;width:7px;height:7px;margin-right:9px}nav{display:flex;align-items:center;gap:7px;white-space:nowrap}nav button{border:0;background:transparent;padding:6px}select{padding:5px}#workspace{background:#e8ece5;border:1px solid #dde3d8;border-radius:12px;padding:30px;min-height:650px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}#empty{align-self:center;text-align:center;color:#81907f}.paper-icon{font-size:58px;font-weight:200;margin-bottom:20px;color:#a4b29e}#empty h2{font-size:18px;color:#627360}#empty p{font-size:13px;line-height:1.9}#sheet{position:relative;max-width:100%;box-shadow:0 5px 20px #354c3420;line-height:0;background:white}#pdfCanvas{display:block;width:100%;height:auto}#placement{position:absolute;border:1.5px dashed #1d735a;cursor:grab;touch-action:none;line-height:0}#placement:active{cursor:grabbing}#signaturePreview{width:100%;height:100%;pointer-events:none;display:block}.placement-label{position:absolute;left:-1px;bottom:-19px;font-size:9px;line-height:18px;background:#1d5848;color:white;padding:0 6px;white-space:nowrap;border-radius:0 0 3px 3px}#status{font-size:12px;color:#55714e;min-height:20px;line-height:1.7}#status.error{color:#a33131}details{font-size:12px;color:#7a8777;line-height:1.8;margin-top:20px}summary{cursor:pointer}dialog{border:1px solid #dbe3d4;border-radius:16px;padding:28px;width:min(520px,calc(100% - 32px));color:#243a35;box-shadow:0 20px 80px #132c3440}dialog::backdrop{background:#15372c66;backdrop-filter:blur(3px)}dialog p{font-size:13px;line-height:1.8}.consent{background:#f1f5ed;border-radius:8px;padding:14px;font-size:13px;margin:20px 0}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}a,button,input,select,summary{outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){header{padding:18px 20px;align-items:flex-start}.privacy{font-size:10px;padding:6px 9px}h1{font-size:17px}.brand p{font-size:10px}.logo{width:36px;height:36px;font-size:25px}main{grid-template-columns:1fr;padding:20px;gap:20px}aside{display:grid;grid-template-columns:1fr 1fr}section{padding:18px}.export{grid-column:1/-1}.toolbar{flex-wrap:wrap}#workspace{min-height:450px;padding:16px}article{grid-row:2}section:nth-child(2){border-left:1px solid #e6ebe3}}@media(max-width:480px){header{flex-wrap:wrap}.privacy{margin-left:49px}aside{display:block}section:nth-child(2){border-left:0}.dialog-actions{flex-direction:column}#workspace{min-height:340px;padding:10px}main{padding:14px}}

.draw-button{width:100%;margin-top:12px;padding:12px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e7ece5 25%,transparent 25%),linear-gradient(-45deg,#e7ece5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ece5 75%),linear-gradient(-45deg,transparent 75%,#e7ece5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.signature-thumb{border:1px solid #d5ded1;border-radius:7px;padding:12px;margin-top:14px;text-align:center;min-height:60px}.signature-thumb img{max-width:100%;max-height:100px;object-fit:contain}#imageTools .check{font-size:12px;margin-top:12px}.resize-handle{position:absolute;width:22px;height:22px;min-width:22px;min-height:22px;padding:0!important;border-radius:50%;border:3px solid white;background:#1d735a;box-shadow:0 0 0 1px #1d735a;z-index:2;touch-action:none}.resize-handle:hover{background:#0b452e}.resize-handle.nw{left:-11px;top:-11px;cursor:nwse-resize}.resize-handle.ne{right:-11px;top:-11px;cursor:nesw-resize}.resize-handle.sw{left:-11px;bottom:-11px;cursor:nesw-resize}.resize-handle.se{right:-11px;bottom:-11px;cursor:nwse-resize}.placement-label{bottom:-27px;line-height:21px;font-size:10px}.draw-surface{border:1px solid #b9cbb5;border-radius:9px;overflow:hidden}#drawDialog{width:min(800px,calc(100% - 24px))}#drawCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.draw-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.draw-tools button{font-size:12px}.resize-handle:focus-visible{outline:3px solid #d88728;outline-offset:3px}