:root{--bg:#e9eaee;--bar:#fff;--text:#1d1f24;--muted:#5b6070;--accent:#2f6fed;--warn:#9a5b00;--error:#c62828;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}body{background:var(--bg);margin:0}.toolbar{z-index:10;background:var(--bar);border-bottom:1px solid #d5d7de;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.toolbar h1{margin:0 8px 0 0;font-size:16px}.button,#save-button{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:6px;padding:6px 14px;font-size:14px}#save-button:disabled,#photo-button:disabled{opacity:.4;cursor:default}#status{color:var(--muted);font-size:13px}#status[data-kind=warn]{color:var(--warn)}#status[data-kind=error]{color:var(--error);font-weight:600}#pages{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.empty{color:var(--muted)}.page{cursor:text;background:#fff;width:100%;position:relative;box-shadow:0 1px 4px #0003}.page>svg{width:100%;height:100%;display:block}.placing-photo .page{cursor:crosshair}.placing-photo .sig-handle{pointer-events:none}.hover-box{pointer-events:none;background:#2f6fed0f;outline:2px solid #2f6fed73;position:absolute}.cell-input{box-sizing:border-box;border:2px solid var(--accent);resize:none;z-index:5;background:#fffef2;min-height:24px;margin:0;padding:2px 4px;font:14px/1.4 -apple-system,Apple SD Gothic Neo,sans-serif;position:absolute}.hover-box.check{outline:2px solid var(--accent);background:#2f6fed2e;border-radius:2px}.check-button{z-index:6;border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);cursor:pointer;background:#fff;border-radius:6px;margin-left:4px;padding:0;font-size:16px;line-height:1;position:absolute;box-shadow:0 1px 3px #0003}.check-button:hover{background:var(--accent);color:#fff}.button-secondary{border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:14px}.hover-box.sig{background:#d23c3214;border-radius:50%;outline:2px dashed #d23c32}.sig-handle{z-index:4;cursor:move;touch-action:none;border-radius:4px;position:absolute}.photo-handle{z-index:3}.sig-handle:hover,.sig-handle:focus-visible{outline:1px dashed var(--accent);background:#2f6fed0f}.sig-handle:focus-visible{outline-style:solid}.sig-remove,.sig-resize{display:none;position:absolute}.sig-handle:hover .sig-remove,.sig-handle:focus-within .sig-remove,.sig-handle:hover .sig-resize,.sig-handle:focus-within .sig-resize{display:block}.sig-remove{color:#fff;cursor:pointer;background:#d23c32;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:14px;line-height:20px;top:-10px;right:-10px}.sig-resize{border:2px solid var(--accent);cursor:nwse-resize;background:#fff;border-radius:2px;width:10px;height:10px;bottom:-5px;right:-5px}.sig-dialog{border:1px solid #d5d7de;border-radius:12px;width:min(440px,100vw - 32px);padding:24px;box-shadow:0 20px 50px #00000040}.sig-dialog::backdrop{background:#0000004d}.sig-dialog h2{margin:0 0 6px;font-size:18px}.sig-note{color:var(--muted);margin:0 0 16px;font-size:13px}.sig-field{gap:6px;font-size:14px;display:grid}.sig-field input{font:inherit;border:1px solid #c9ccd5;border-radius:6px;padding:8px 10px;font-size:16px}.sig-fonts{border:0;gap:8px;margin:16px 0;padding:0;display:grid}.sig-fonts legend{margin-bottom:6px;font-size:14px}.sig-font{cursor:pointer;border:1px solid #e0e2e8;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.sig-font:has(input:checked){border-color:var(--accent);background:#2f6fed0d}.sig-font-label{font-size:14px}.sig-preview{justify-self:end;max-width:200px;max-height:44px}.sig-actions{align-items:center;gap:8px;display:flex}.sig-spacer{flex:1}.sig-actions button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9ccd5;border-radius:6px;padding:7px 14px;font-size:14px}.sig-actions .sig-save{border-color:var(--accent);background:var(--accent);color:#fff}.sig-actions .sig-delete{color:#d23c32;border-color:#0000}.drop-photo-target:after{content:"";border:3px dashed var(--accent);pointer-events:none;z-index:20;border-radius:12px;position:fixed;inset:8px}.drop-photo-refuse:after{border-color:var(--warn)}.photo-slot-btn{z-index:2;border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.photo-slot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.placing-photo .photo-slot-btn,.cell-editing .photo-slot-btn{display:none}body.drop-photo-target .photo-slot-btn{pointer-events:none}