.signature-import,.signature-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.signature-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.signature-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fffcf7}.signature-card[hidden],.signature-stage[hidden],.signature-placement[hidden]{display:none}.signature-card h3{margin-top:0}#signature-workspace label{display:grid;gap:8px;min-width:0}#signature-workspace input,#signature-workspace select{max-width:100%;min-width:0;font:inherit}#signature-file,#signature-image{width:100%}#signature-workspace button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:#fffaf3;color:var(--ink);font:inherit;font-weight:600;max-width:100%;white-space:normal}#signature-workspace button:not(:disabled):hover{background:#f3e8da}#signature-workspace button[hidden]{display:none}#signature-workspace :is(#signature-run,#signature-download,#signature-use-drawing){background:var(--accent);border-color:var(--accent);color:#fff}#signature-workspace :is(#signature-run,#signature-download,#signature-use-drawing):not(:disabled):hover{background:#87351c}#signature-drawing{display:block;width:100%;height:auto;aspect-ratio:16/5;border:1px dashed #b8aa98;border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}.signature-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}#signature-page{width:90px;padding:8px;border:1px solid var(--line);border-radius:8px}.signature-stage{position:relative;max-width:680px;margin:18px auto;border:1px solid var(--line);background:#fff}.signature-stage>canvas{display:block;width:100%;height:auto}#signature-workspace .signature-placement{position:absolute;min-height:0;padding:0;border:1px dashed var(--accent);border-radius:3px;background:transparent;touch-action:none;cursor:move;max-width:none}#signature-workspace .signature-placement:hover{background:rgba(170,66,34,.04)}.signature-placement img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}.signature-note{font-size:.92rem;color:var(--muted)}#signature-workspace details{margin-top:18px}#signature-workspace summary{cursor:pointer}#signature-workspace :is(input[type=file])::file-selector-button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fffaf3;font:inherit;color:var(--ink);margin-right:8px}@media(max-width:480px){.signature-settings{grid-template-columns:minmax(0,1fr);gap:12px}.signature-actions button{width:100%}.signature-card{padding:14px}.signature-import>*{width:100%}}

/* AO104: choose a mark, then place it on the PDF. */
#signature-workspace [hidden]{display:none!important}#signature-workspace .signature-editor{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}#signature-workspace .signature-source-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}#signature-workspace .signature-source-choice button[aria-pressed=true]{background:#edf3ef;border:2px solid #3c6955;color:#263f33}#signature-workspace .signature-source-choice button{font-size:.9rem}#signature-workspace .signature-page-settings{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center}#signature-workspace .signature-settings{grid-template-columns:1fr 1fr}#signature-workspace .signature-mark-ready{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}#signature-mark-preview{display:block;max-width:100%;max-height:110px;margin:auto;object-fit:contain}#signature-workspace .signature-mark-ready p{margin-bottom:0}#signature-workspace .signature-mark-card>.signature-actions{gap:8px}#signature-workspace .signature-import{margin-top:0}#signature-workspace .signature-main-action button,#signature-download{width:100%}#signature-workspace .signature-secondary{margin-top:20px}#signature-workspace :is(input,select){box-sizing:border-box}#signature-workspace .signature-card h3{font-size:1.1rem}#signature-workspace button:focus-visible,#signature-workspace summary:focus-visible{outline:3px solid #3c6955;outline-offset:3px}#signature-workspace summary{min-height:30px}#signature-workspace .signature-continuation .signature-actions{display:grid}#signature-workspace #signature-draw-help,#signature-workspace #signature-placement-help{font-size:.94rem;line-height:1.5}
@media(max-width:900px){#signature-workspace .signature-editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){#signature-workspace .signature-settings{grid-template-columns:1fr}#signature-workspace .signature-source-choice{gap:8px}#signature-workspace .signature-source-choice button{padding:10px 8px}#signature-workspace .signature-card{padding:14px}}