/* css/modules/sig.css: the .sig-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

.sig-preview{border:1px dashed var(--line);border-radius:12px;padding:14px;text-align:center;margin-top:14px}
.sig-preview img{max-width:100%;height:auto}
.sig-meta{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-weight:700;font-size:14px;margin-bottom:16px}
.sig-meta b{color:var(--blue)}
.sig-pad-wrap{position:relative;border:2px solid var(--blue);border-radius:12px;background:#fff;overflow:hidden}
.sig-pad-label{position:absolute;top:8px;left:12px;font-size:12px;color:var(--muted-2);font-weight:800;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}
.sig-pad{display:block;width:100%;height:200px;touch-action:none;cursor:crosshair}
.sig-baseline{position:absolute;left:24px;right:24px;bottom:34px;border-bottom:2px dashed #d3d9e3;pointer-events:none}