.qr-sign-app{font-family:var(--qr-font);color:var(--qr-ink);background:var(--qr-canvas);font-synthesis:none;max-width:1280px;margin:auto;padding:22px}.qr-sign-app *{box-sizing:border-box}.sign-direct-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:14px}.qr-sign-embedded .sign-direct-header{display:none}.sign-workspace{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.08fr);border:1px solid var(--qr-line);border-radius:18px;overflow:hidden;background:var(--qr-paper)}.sign-editor{padding:32px;background:var(--qr-cyan)}.sign-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.sign-editor h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.8px;line-height:1.02;margin:16px 0}.sign-intro{font-size:15px;line-height:1.6;max-width:340px;margin-bottom:26px}.sign-field{display:block;margin:18px 0 10px;font-size:14px;font-weight:700}.sign-field>span{display:block;margin-bottom:8px}.sign-field small{display:block;font-size:11px;font-weight:400;margin-top:4px;color:var(--qr-ink)}.sign-field input,.sign-field textarea,.sign-field select,.sign-password-row input{width:100%;min-height:46px;border:1px solid var(--qr-ink);border-radius:7px;background:var(--qr-paper);color:var(--qr-ink);padding:11px 12px;font:14px var(--qr-font);line-height:1.4}.sign-field textarea{resize:vertical;min-height:68px;max-height:180px}.sign-password-row{display:flex;gap:8px}.sign-password-row input{min-width:0;flex:1}.sign-password-row button{border:1px solid var(--qr-ink);border-radius:7px;background:var(--qr-paper);color:var(--qr-ink);min-width:60px;min-height:46px}.sign-hint{font-size:12px;line-height:1.65;color:var(--qr-muted);margin:9px 0}.sign-editor .sign-hint{color:var(--qr-ink)}.sign-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;margin:14px 0}.sign-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--qr-ink);flex:none}.sign-settings{border-top:1px solid var(--qr-ink);margin-top:24px;padding-top:4px}.sign-wording{margin:22px 0 18px;border-top:1px solid var(--qr-ink);padding-top:18px}.qr-sign-app summary{cursor:pointer;font-size:14px;font-weight:700;padding:5px 0;min-height:30px}.sign-clear{font:13px var(--qr-font);border:0;background:transparent;padding:12px 0;text-decoration:underline;text-underline-offset:4px;color:var(--qr-ink);min-height:44px}.sign-error{padding:12px;border:1px solid var(--qr-ink);border-radius:7px;background:var(--qr-paper);font-size:13px;font-weight:700;line-height:1.5}.qr-sign-app [aria-invalid=true]{outline:2px solid var(--qr-ink);outline-offset:2px}.sign-preview{padding:26px 32px 32px;min-width:0}.sign-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sign-local{border:1px solid var(--qr-line);border-radius:20px;padding:7px 10px;font-size:11px;color:var(--qr-muted)}.sign-paper-preview{max-width:420px;margin:0 auto;background:#fff;aspect-ratio:210/297;box-shadow:0 4px 20px #102a3010;border:1px solid var(--qr-line);display:flex;align-items:center;justify-content:center;overflow:hidden}.sign-paper-preview canvas{display:block;width:100%;height:auto}.sign-empty{text-align:center;padding:30px;max-width:300px;line-height:1.6;color:var(--qr-muted)}.sign-empty>span{display:block;font-size:44px;color:var(--qr-ink)}.sign-empty h2{font-size:21px;line-height:1.25;color:var(--qr-ink)}.sign-empty p{font-size:14px}.sign-empty p:last-child{font-size:11px}.sign-caption{text-align:center;font-size:11px;color:var(--qr-muted);line-height:1.5;margin:14px 0 22px}.sign-receipt{padding:15px 0;border-top:1px solid var(--qr-line);margin-top:18px}.sign-receipt strong{font-size:10px;letter-spacing:.1em}.sign-receipt p{font:13px/1.6 var(--qr-mono);overflow-wrap:anywhere;margin:8px 0 0}.sign-downloads{display:flex;gap:10px;margin:8px 0}.sign-downloads button{flex:1;padding:15px 12px;border-radius:8px;min-height:50px;border:1px solid var(--qr-ink);font:700 14px var(--qr-font)}.sign-primary{background:var(--qr-ink);color:var(--qr-paper)}.sign-secondary{background:var(--qr-paper);color:var(--qr-ink)}.sign-downloads button:disabled{background:var(--qr-line);border-color:var(--qr-line);color:var(--qr-muted)}.sign-print-help{border-top:1px solid var(--qr-line);padding-top:14px;margin-top:22px;font-size:12px;line-height:1.7;color:var(--qr-muted)}.sign-print-help summary{color:var(--qr-ink)}.sign-print-help ol{padding-left:20px}.sign-print-help li{padding:5px 0}.qr-sign-app :is(input,textarea,select,button,summary,a):focus-visible{outline:3px solid var(--qr-ink);outline-offset:3px}@media(max-width:800px){.qr-sign-app{padding:12px}.sign-editor{padding:24px}.sign-preview{padding:22px}.sign-workspace{grid-template-columns:minmax(270px,1fr) minmax(280px,1fr)}}@media(max-width:640px){.qr-sign-app{padding:8px}.sign-workspace{grid-template-columns:1fr;border-radius:12px}.sign-editor{padding:24px 20px}.sign-preview{padding:24px 20px}.sign-editor h1{font-size:36px}.sign-downloads{flex-wrap:wrap}.sign-downloads button{min-width:110px}.sign-direct-header{flex-direction:column}.sign-paper-preview{max-width:360px}}@media(prefers-reduced-motion:reduce){.qr-sign-app *{scroll-behavior:auto!important}}