*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#222;font-family:'Malgun Gothic',sans-serif;line-height:1.65}main{max-width:740px;margin:32px auto;padding:34px;background:white;border:1px solid #e6e6e2;border-radius:14px}h1{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:8px 0 24px}h2{font-size:19px;margin:28px 0 12px}p{margin:12px 0}.tag{color:#666;font-size:13px}dl{margin:0}dt{font-size:13px;color:#666;margin-top:12px}dd{margin:2px 0;font-weight:500}label{display:block;margin:14px 0 6px}input{font:inherit;width:100%;border:1px solid #ccc;padding:12px;border-radius:7px}input:focus{outline:2px solid #444;outline-offset:2px}button,.button{font:inherit;border:0;border-radius:8px;background:#252525;color:white;padding:13px 20px;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eee;color:#222;font-size:14px;padding:8px 12px}canvas{display:block;width:100%;height:170px;border:1px solid #bbb;border-radius:8px;background:white;touch-action:none}.checks{display:flex;gap:10px;align-items:flex-start}.checks input{width:20px;height:20px;margin-top:5px;flex-shrink:0}.error{color:#b32323;min-height:24px}.notice{font-size:13px;color:#666}.item{border-top:1px solid #ddd;padding:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.link{overflow-wrap:anywhere;font-size:13px}.code{font-size:24px;letter-spacing:3px}.row{display:flex;gap:16px;justify-content:space-between;align-items:center}details{font-size:13px;color:#666}.primary{width:100%;margin-top:20px}hr{border:0;border-top:1px solid #ddd;margin:28px 0}@media(max-width:600px){main{margin:0;border:0;border-radius:0;padding:24px 20px}h1{font-size:25px}}
.document-mode{max-width:900px;padding:24px}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.document-toolbar p{font-size:14px;max-width:580px}.document-toolbar button{flex-shrink:0}.paper-scroll{overflow:auto;padding:12px;background:#ececea;border-radius:8px}.paper{position:relative;width:100%;min-width:0;line-height:1}.paper-image{display:block;width:100%;height:auto}.doc-field,.doc-signature,.doc-date{position:absolute;margin:0;padding:0;border-radius:2px;background:#f2f6ff;color:#315a88;border:1px solid #90aaca;font-size:clamp(5px,1.8vw,12px);line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.doc-field.filled,.doc-signature.filled{background:white;color:#111;border-color:#555}.doc-signature{border:1.5px solid #315a88}.doc-signature canvas{width:100%;height:100%;border:0;border-radius:0;touch-action:auto}.doc-signature canvas[hidden]{display:none}.doc-date{display:flex;justify-content:center;align-items:center;background:white;color:#111;border:0;font-size:clamp(5px,1.8vw,12px)}.zoomed .paper{min-width:760px}.submission{max-width:600px;margin:24px auto 0}dialog{border:1px solid #ddd;border-radius:14px;padding:24px;width:560px;max-width:calc(100vw - 28px);color:#222}dialog::backdrop{background:#0008}dialog h2{margin-top:0}dialog canvas{width:100%;height:auto;aspect-ratio:14/3;touch-action:none}dialog input{font-size:16px}dialog .actions{justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.document-mode{padding:16px 10px}.paper-scroll{padding:3px}.document-toolbar p{font-size:13px}.document-toolbar button{font-size:12px;padding:9px}.submission{padding:0 10px}.doc-field,.doc-date{font-size:5.5px}.zoomed .doc-field,.zoomed .doc-date{font-size:12px}.doc-signature{font-size:7px}.zoomed .doc-signature{font-size:12px}dialog{padding:20px}dialog .actions{gap:6px}dialog button{padding:10px 14px}}

.signature-action{width:100%;min-height:48px;background:#252525;color:#fff}.doc-signature{background:#fff;color:#111;border:2px solid #222;font-weight:700;cursor:pointer}#signature-placeholder{pointer-events:none}#signature-preview{pointer-events:none}#signature-dialog canvas{border:2px dashed #777;border-radius:8px;background:#fafafa;height:180px;aspect-ratio:auto;touch-action:none;user-select:none;-webkit-user-select:none}#signature-dialog .actions button{min-height:44px}

.privacy-notice{margin:24px 0 18px;border:1px solid #dedede;border-radius:10px;background:#fafafa;font-size:14px;line-height:1.8;color:#333}.privacy-notice summary{padding:16px 18px;font-size:15px;font-weight:700;cursor:pointer;line-height:1.6}.privacy-content{padding:0 18px 18px}.privacy-section{padding:16px 0;border-top:1px solid #e1e1e1}.privacy-section:last-child{padding-bottom:0}.privacy-section h3{font-size:14px;line-height:1.6;margin:0 0 8px;color:#222}.privacy-section p{margin:0;word-break:keep-all;overflow-wrap:anywhere;white-space:normal}@media(max-width:600px){.privacy-notice summary{padding:16px}.privacy-content{padding:0 16px 18px}.privacy-section{padding:16px 0}}

#paper.editable-paper{position:relative;width:100%;height:auto;aspect-ratio:auto;min-height:0;padding:24px;box-sizing:border-box;background:white;line-height:1.8}
#paper.editable-paper h1{font-size:24px;line-height:1.5}
#paper.editable-paper p{white-space:pre-wrap;overflow-wrap:anywhere}
#paper.editable-paper .editable-field-row{margin:16px 0}
#paper.editable-paper .doc-field{position:static;display:block;width:100%;height:auto;min-height:44px;transform:none;margin-top:6px;font-size:16px;line-height:1.5;padding:8px}
#paper.editable-paper .doc-signature{position:static;display:block;width:100%;height:70px;transform:none;font-size:16px}
#paper.editable-paper #paper-date{position:static;font-size:14px;background:transparent}
@media(max-width:600px){#paper.editable-paper{padding:16px}.zoomed #paper.editable-paper{min-width:600px}}