/* Sign PDF – tool-specific controls. Built on design-system tokens only. */
.sign-pad {
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 3;
    background: #fff;
    border: 1px dashed var(--border-strong);
    border-radius: var(--r-md);
    cursor: crosshair;
    touch-action: none;
}
.sign-pad:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

.sign-stage-wrap {
    display: grid;
    place-items: start center;
    padding: var(--s-3);
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    min-width: 0;
}
.sign-stage { position: relative; display: inline-block; max-width: 100%; line-height: 0; box-shadow: var(--shadow-md); }
.sign-stage canvas { display: block; max-width: 100%; height: auto; background: #fff; }

.sign-overlay {
    position: absolute;
    cursor: grab;
    touch-action: none;
    outline: 1.5px dashed var(--primary);
    outline-offset: 3px;
    border-radius: 2px;
    line-height: 0;
}
.sign-overlay:active { cursor: grabbing; }
.sign-overlay:focus-visible { outline-style: solid; box-shadow: 0 0 0 5px var(--ring); }
.sign-overlay img { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }

.icon.flip { transform: scaleX(-1); }