.sig-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.sig-stage {
    border: 2px dashed var(--border-strong);
    border-radius: var(--radius);
    background: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.02),
        rgba(255, 255, 255, 0.02) 10px,
        rgba(255, 255, 255, 0.05) 10px,
        rgba(255, 255, 255, 0.05) 20px
    );
    touch-action: none;
}

.sig-stage canvas {
    display: block;
    width: 100%;
    max-width: 640px;
    cursor: crosshair;
    touch-action: none;
}

.sig-hint {
    margin: 0 0 10px;
    color: var(--text-muted);
    font-size: 0.9rem;
}

[data-theme="light"] .sig-stage {
    background: #fff;
    border-color: var(--border-strong);
}