:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--surface-muted:#f8fafb;--text:#1f2937;--text-muted:#687481;--border:#d7dde3;--border-strong:#b9c3cd;--accent:#166534;--accent-hover:#14532d;--accent-soft:#eaf5ed;--warning:#92400e;--warning-soft:#fff6e5;--danger:#b42318;--danger-soft:#fff0ee;background:#f3f5f7;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f3f5f7;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.56}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:28px 24px 22px}.section-heading,.canvas-actions{align-items:center;display:flex}.section-heading{justify-content:space-between;gap:20px}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}h2,p{margin-top:0}h2{color:var(--text);margin-bottom:0;font-size:17px;line-height:1.3}.text-button{color:inherit;text-underline-offset:3px;background:0 0;border:0;flex:none;font-size:12px;font-weight:700;text-decoration:underline}.signature-section{border:1px solid var(--border);background:var(--surface);border-radius:8px}button:focus-visible{outline-offset:2px;outline:3px solid #16653438}.signature-section{padding:18px}.section-heading{margin-bottom:14px}.canvas-format{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:800}.signature-canvas-frame{aspect-ratio:16/5;border:1px solid var(--border-strong);background-color:#fbfcfd;border-radius:5px;width:100%;min-height:220px;overflow:hidden}.signature-canvas{width:100%;height:100%;display:block}.canvas-actions{flex-wrap:wrap;gap:8px;margin-top:14px}.secondary-button,.primary-button{border-radius:5px;min-height:38px;padding:0 13px;font-size:13px;font-weight:700}.secondary-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--surface-muted)}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.save-button{min-width:124px;margin-left:auto}.signature-message{border:1px solid;border-radius:5px;align-items:center;gap:8px;margin:12px 0 0;padding:9px 11px;font-size:12px;line-height:1.4;display:flex}.signature-message-success{background:var(--accent-soft);color:#14532d;border-color:#b7ddc0}.signature-message-error{background:var(--danger-soft);color:var(--danger);border-color:#f1c2bc}.signature-message .text-button{margin-left:auto}.after-submit-panel{max-width:520px;margin:12vh auto 0}.after-submit-status{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.5}.pending-task-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pending-task-button{min-width:104px}.icon-button span,.save-button span{vertical-align:-1px;margin-right:4px;font-size:15px;line-height:0}@media (width<=560px){.app-shell{padding:20px 14px 16px}.signature-section{padding:14px}.signature-canvas-frame{min-height:220px}.save-button{flex:100%;margin-left:0}}