.qr-page{padding:31px 0 74px}.qr-hero{margin:0 0 24px;background:linear-gradient(120deg,#f4f8ff,#fffaf5);border:1px solid #e4eaf3;border-radius:18px;padding:29px 34px}.qr-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#db7564}.qr-hero h1{font-size:32px;letter-spacing:-1px;margin:8px 0 10px;color:#2b3e5a}.qr-hero h1 span{font-size:27px;margin-left:5px}.qr-hero p{color:#6d7e95;font-size:14px;line-height:1.8}.qr-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.qr-badges span{font-size:11px;font-weight:700;background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:7px 11px;color:#657a9b}.qr-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start}.qr-card{background:#fff;border:1px solid #e2e9f2;border-radius:15px;padding:26px;box-shadow:0 10px 30px rgba(26,54,85,.045);min-width:0}.qr-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px}.qr-card-head h2{font-size:19px;letter-spacing:-.5px;color:#304561}.qr-card-head p{font-size:11px;color:#9ba6b6}.qr-modes{display:flex;gap:6px;background:#f4f6fa;border-radius:10px;padding:5px;margin-bottom:21px}.qr-modes button{flex:1;border:0;background:transparent;color:#77879e;font-size:12px;font-weight:750;border-radius:7px;padding:10px 7px;cursor:pointer}.qr-modes button.active{background:#fff;color:#315b98;box-shadow:0 2px 9px rgba(31,63,97,.08)}.qr-fields{display:flex;flex-direction:column;gap:9px}.qr-fields[hidden]{display:none}.qr-label{font-size:12px;font-weight:750;color:#4a5f7e}.qr-fields input:not([type=checkbox]),.qr-fields textarea,.qr-settings select{width:100%;min-width:0;border:1px solid #dbe3ee;border-radius:9px;padding:12px 13px;background:#fff;color:#2b405e;font:inherit;font-size:13px;line-height:1.6}.qr-fields textarea{min-height:116px;resize:vertical}.qr-fields input::placeholder,.qr-fields textarea::placeholder{color:#b4bfd0}.qr-fields input:focus,.qr-fields textarea:focus,.qr-settings select:focus{outline:2px solid #bbd2f5;border-color:#85addf}.qr-check{display:flex;gap:8px;align-items:center;margin:5px 0 3px;color:#6d7f9b;font-size:12px}.qr-check input{accent-color:#446da9}.qr-settings{margin-top:25px;padding-top:21px;border-top:1px solid #edf0f5}.qr-settings h3{font-size:15px;color:#354b6b;margin-bottom:16px}.qr-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.qr-settings-grid label{font-size:12px;font-weight:700;color:#60738e;display:grid;gap:7px}.qr-settings select{padding:9px 10px}.qr-color{display:flex;align-items:center;gap:8px;border:1px solid #dbe3ee;border-radius:9px;padding:6px 9px}.qr-color input{width:46px;height:35px;border:0;background:transparent;padding:0;cursor:pointer}.qr-color span{font-size:12px;color:#637994}.qr-reset{display:inline-block;margin-top:18px;padding:8px 10px;border:1px solid #e3e9f0;background:#f8fafc;border-radius:7px;font:inherit;font-size:12px;color:#6781a4;cursor:pointer}.qr-preview{text-align:center}.qr-preview-box{min-height:344px;display:grid;place-items:center;background:#f4f7fb;border:1px dashed #dce5ef;border-radius:12px;padding:18px}.qr-preview canvas{display:block;width:min(100%,306px);height:auto;aspect-ratio:1;image-rendering:pixelated;background:#fff;box-shadow:0 7px 22px rgba(23,41,64,.07)}.qr-details{display:block;margin-top:14px;color:#879bb1;font-size:11px}.qr-status{margin:9px auto 17px;color:#5b80a5;font-size:12px;line-height:1.6;min-height:20px}.qr-status.error{color:#b45150}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-actions button{border:1px solid #dce5f1;background:#fff;border-radius:9px;padding:12px 8px;font:inherit;color:#4e688e;font-size:12px;font-weight:780;cursor:pointer}.qr-actions button:first-child{grid-column:1 / -1;background:#3f66a5;border-color:#3f66a5;color:#fff;font-size:13px}.qr-actions button:disabled{opacity:.4;cursor:default}.qr-privacy{margin-top:17px;padding:12px;background:#f7fafc;border-radius:8px;font-size:11px;line-height:1.8;color:#7f93a8;text-align:left}.qr-help{margin-top:19px;padding:23px 26px;background:#fff;border:1px solid #e2e9f2;border-radius:14px;color:#637790}.qr-help h2{font-size:17px;color:#364d6c;margin-bottom:9px}.qr-help p{font-size:12px;line-height:1.9}@media(max-width:850px){.qr-layout{grid-template-columns:1fr}.qr-preview-box{min-height:300px}}@media(max-width:600px){.qr-page{padding:16px 0 42px}.qr-hero{padding:22px 18px;border-radius:13px}.qr-hero h1{font-size:25px}.qr-hero p{font-size:12px}.qr-card{padding:18px;border-radius:12px}.qr-card-head{flex-direction:column;gap:2px;margin-bottom:14px}.qr-card-head h2{font-size:17px}.qr-settings-grid{gap:10px}.qr-preview-box{padding:15px;min-height:260px}.qr-preview canvas{width:min(100%,256px)}.qr-help{padding:18px}}
/* QR 오류 복원 수준 및 만료 없는 정적 QR 안내 */
.qr-ecc-help{margin-top:15px;font-size:11px;line-height:1.85;color:#798aa1;overflow-wrap:anywhere}.qr-ecc-help strong{color:#435b7b;font-weight:800}.qr-lifetime{margin-top:21px;padding:16px 0 4px;border-top:1px solid #e6ecf4;text-align:left}.qr-lifetime h3{font-size:15px;font-weight:850;letter-spacing:-.35px;color:#314c75}.qr-lifetime p{font-size:12px;line-height:1.9;color:#667d99;margin-top:8px;overflow-wrap:anywhere}