.pixel-signature{background:#e9e6df;color:#242e37;padding:28px 0 22px;overflow:hidden}
.pixel-signature__meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pixel-signature__surface{position:relative;isolation:isolate;margin:22px 0;min-height:230px;height:clamp(230px,27vw,440px);display:grid;place-items:center;overflow:hidden;touch-action:pan-y;cursor:crosshair}
.pixel-signature__word{margin:0;font-family:var(--font-ui);font-size:clamp(72px,20vw,310px);font-weight:700;letter-spacing:-.055em;line-height:1;color:#d94909}
.pixel-signature__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.pixel-signature__button{font:inherit;font-size:12px;background:transparent;border:0;border-bottom:1px solid currentColor;padding:8px 0;color:inherit;cursor:pointer}
.pixel-signature__button:hover{color:#d94909}
.pixel-signature__button:focus-visible{outline:2px solid #d94909;outline-offset:5px}
.pixel-signature__button[hidden]{display:none}
@media(max-width:600px){.pixel-signature__meta{font-size:9px;letter-spacing:.07em}.pixel-signature__surface{height:230px;min-height:0}.pixel-signature__word{font-size:22vw}}
@media(prefers-reduced-motion:reduce){.pixel-signature__canvas{display:none}.pixel-signature__surface{cursor:auto}}
@media print{.pixel-signature__canvas,.pixel-signature__button{display:none}}