.qr-page{max-width:1184px;margin:0 auto;padding:38px 24px 64px}.qr-heading h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(32px,5vw,56px);line-height:1.1}.qr-heading>p{max-width:760px;color:var(--ink-soft);margin:12px 0;font-size:18px}.qr-heading .section-kicker,.qr-output .section-kicker{letter-spacing:.04em;font-size:14px}.qr-heading .qr-trust{color:var(--blue-deep);margin-bottom:26px;font-size:14px}.qr-workspace{border:1px solid var(--line-dark);border-top:4px solid var(--navy);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.qr-input,.qr-output{min-width:0;padding:26px}.qr-input{border-right:1px solid var(--line)}.qr-workspace h2{margin:0 0 20px;font-size:22px;line-height:1.25}.qr-file-label{margin-bottom:8px;font-weight:700;display:block}.qr-input input{width:100%;min-width:0;font-size:14px;display:block}.qr-input input::file-selector-button{color:#fff;background:var(--blue);cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:4px;margin-right:10px;padding:8px 14px}.qr-paste{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#f1f6ff;border:2px dashed #8194af;margin:22px 0 12px;padding:26px 18px;display:block}.qr-paste:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.qr-paste b,.qr-paste span{display:block}.qr-paste span{color:var(--ink-soft);margin-top:8px;font-size:14px}.qr-limit{color:var(--ink-soft);font-size:14px}.qr-output{background:#fafcff}.qr-output output{overflow-wrap:anywhere;min-height:50px;margin:16px 0;display:block}.qr-empty{color:var(--ink-soft);padding:24px 0}.qr-host{background:var(--navy);color:#fff;padding:12px 16px}.qr-host dt{font-size:14px}.qr-host dd{overflow-wrap:anywhere;margin:4px 0 12px;font-family:ui-monospace,monospace;font-size:18px}.qr-content{border:1px solid var(--line-dark);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;unicode-bidi:isolate;background:#fff;max-height:420px;margin:20px 0;padding:16px;font-size:16px;line-height:1.65;overflow:auto}.qr-warning{border-left:3px solid #ba6800;padding-left:12px;font-size:14px}.qr-guide{max-width:820px;padding-top:32px}.qr-guide h2{font-size:26px;line-height:1.25}.qr-guide p,.qr-guide li{color:var(--ink-soft)}.qr-guide li{margin:10px 0}.qr-guide a{color:var(--blue-deep);text-decoration:underline}@media (max-width:720px){.qr-page{padding:28px 16px 48px}.qr-workspace{grid-template-columns:minmax(0,1fr)}.qr-input,.qr-output{padding:20px 16px}.qr-input{border-right:0;border-bottom:1px solid var(--line)}}@media print{.qr-page{max-width:none;margin:0;padding:0}.qr-workspace{border:1px solid #000;display:block}.qr-content{max-height:none;overflow:visible}.qr-host,.qr-output{color:#000;background:#fff}.qr-guide{display:none}}