.work-signature-editor{gap:14px;display:grid}.work-signature-method-tabs{border:1px solid var(--work-line);background:color-mix(in srgb, var(--work-paper) 88%, white);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.work-signature-method-tabs button{color:#706c64;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;font-size:.58rem;font-weight:650;display:inline-flex}.work-signature-method-tabs button.is-active{color:var(--work-blue);background:var(--work-white);border-color:#1668e838;box-shadow:0 2px 10px #08111f0d}.work-signature-method-tabs svg,.work-signature-draw-tools svg{width:16px;height:16px}.work-signature-draw-panel,.work-signature-type-panel{gap:10px;display:grid}.work-signature-canvas-wrap{background:linear-gradient(#0000 calc(75% - 1px),#1668e824 75%,#0000 calc(75% + 1px)),linear-gradient(135deg,#fffefb,#f7faff);border:1px solid #1668e83d;border-radius:7px;min-height:190px;position:relative;overflow:hidden}.work-signature-canvas-wrap canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.work-signature-canvas-wrap>span{color:#9a968d;pointer-events:none;place-items:center;padding:20px;font-size:.58rem;display:grid;position:absolute;inset:0}.work-signature-draw-tools{justify-content:flex-end;gap:8px;display:flex}.work-signature-draw-tools button{color:#625f58;border:1px solid var(--work-line);background:var(--work-white);min-height:34px;font:inherit;cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:0 11px;font-size:.52rem;display:inline-flex}.work-signature-draw-tools button:disabled,.work-signature-method-tabs button:disabled{opacity:.45;cursor:not-allowed}.work-signature-mark{color:var(--work-ink)}.work-signature-mark.is-typed{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(2rem,6vw,4rem);line-height:1.15;display:block;overflow:hidden}.work-signature-mark.is-script{letter-spacing:-.08em;font-family:Segoe Script,Snell Roundhand,Brush Script MT,Bradley Hand,cursive;font-style:italic;font-weight:500;transform:rotate(-2deg)}.work-signature-mark.is-classic{letter-spacing:-.055em;font-family:Apple Chancery,URW Chancery L,Georgia,cursive;font-style:italic;transform:skew(-8deg)}.work-signature-mark.is-modern{font-family:"Segoe Print", "Bradley Hand", var(--font-sans), cursive;letter-spacing:-.06em;font-weight:540}.work-signature-mark.is-drawn{width:min(100%,520px);height:auto;max-height:150px;margin:auto;display:block;overflow:visible}.work-signature-mark.is-drawn path{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.work-signature-mark.is-compact{text-align:left;width:min(100%,260px);max-height:72px;margin:0;font-size:clamp(1.35rem,4vw,2.1rem)}.work-saved-signature-summary{background:linear-gradient(135deg,#fffefb,#f4f8ff);border:1px solid #1668e82e;border-radius:7px;align-content:center;gap:8px;min-height:108px;padding:18px;display:grid}.work-saved-signature-summary small{color:#817d75;font-family:var(--font-code);text-transform:uppercase;font-size:.45rem}@media (max-width:640px){.work-signature-canvas-wrap{min-height:160px}.work-signature-method-tabs button{min-height:46px}.work-signature-draw-tools button{min-height:40px}}@media (prefers-reduced-motion:reduce){.work-signature-mark.is-script,.work-signature-mark.is-classic{transform:none}}