.settings-signatures{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.settings-signatures h3{margin:0 0 6px}.settings-signatures p{margin:0;font-size:12px;color:var(--muted)}
.signature-members{display:grid;gap:12px;margin-top:18px}.signature-member{display:grid;grid-template-columns:minmax(150px,1fr) 180px auto;align-items:center;gap:10px 16px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper)}
.signature-person{min-width:0}.signature-person strong{display:block;font-size:13px;overflow-wrap:anywhere}.signature-person small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.signature-preview{display:flex;align-items:center;justify-content:center;height:74px;min-width:0;padding:6px;background:white;border:1px solid var(--line);border-radius:8px;color:#6b7773;font-size:12px}
.signature-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.signature-actions{display:flex;align-items:center;gap:6px}.signature-status{grid-column:1/-1;color:var(--muted);font-size:11px}
.signature-actions .btn{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
.signature-actions{flex-wrap:wrap;max-width:200px}.signature-editor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.signature-editor-tools .btn{color:var(--ink);background:var(--surface-raised)}
.signature-crop-canvas{display:block;width:100%;height:340px;max-width:100%;border:1px solid var(--line);border-radius:10px;touch-action:none;cursor:crosshair;box-sizing:border-box}
.signature-editor-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;color:var(--muted);font-size:12px}.signature-editor-preview canvas{display:block;width:280px;max-width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-sizing:border-box}
.signature-editor-status{min-height:1.5em;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.signature-angle{display:grid;grid-template-columns:auto minmax(0,1fr) 100px;align-items:center;gap:12px;margin:0 0 18px;font-size:12px}.signature-angle>label{color:var(--ink)}.signature-angle input[type=range]{width:100%;min-width:0;padding:0;min-height:40px;accent-color:var(--green);cursor:pointer}.signature-angle-value{display:flex;align-items:center;gap:5px;min-width:0}.signature-angle-value input{width:100%;min-width:0;padding:9px 6px;text-align:center}.signature-angle-value span{color:var(--muted)}
@media(max-width:650px){.settings-signatures{align-items:flex-start;flex-direction:column}.signature-member{grid-template-columns:minmax(0,1fr);gap:10px}.signature-preview{height:84px}.signature-actions{justify-content:flex-end}}
@media(max-width:650px){.signature-actions{max-width:none}.signature-crop-canvas{height:280px}.signature-editor-tools .btn{flex:1;min-height:42px}.signature-editor-preview{justify-content:center}.signature-editor-preview>span{width:100%;text-align:center}}
@media(max-width:650px){.signature-angle{grid-template-columns:minmax(0,1fr) 92px;gap:5px 12px}.signature-angle>label{grid-column:1/-1}}
@media(max-width:420px){#dialog:has(.signature-editor) .dialog-footer{flex-wrap:wrap;gap:10px}#dialog:has(.signature-editor) .dialog-footer>small{max-width:none;flex-basis:100%}#dialog:has(.signature-editor) .dialog-footer>.row{width:100%;min-width:0;justify-content:flex-end}#dialog:has(.signature-editor) [data-signature-save]{flex:1}}