.signature-canvas-container{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-top:12px;display:flex}.signature-canvas{box-sizing:border-box;cursor:crosshair;touch-action:none;border:1px solid #ccc;border-radius:8px;width:100%;max-width:100%;display:block}.signature-canvas-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.signature-clear-btn{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:12px;transition:background .2s}.signature-clear-btn:hover{background:#e5e5e5}.signature-clear-btn:focus{outline-offset:2px;outline:2px solid #007aff}.signature-clear-btn:focus:not(:focus-visible){outline:none}.signature-hint{color:#999;margin:0;font-size:12px}