.ntf-qr-shell{max-width:1160px;margin:30px auto 70px;padding:0 20px;color:#1c2b4b;font-family:inherit}.ntf-qr-shell *{box-sizing:border-box}.ntf-qr-hero{border:1px solid #dbe2fa;border-radius:24px;background:linear-gradient(125deg,#e9e5ff,#effbff 60%,#fff6ec);padding:36px 40px;margin-bottom:30px}.ntf-qr-kicker{color:#6753d8;font-size:12px;font-weight:800;letter-spacing:.11em}.ntf-qr-hero h1{color:#1c2b4b!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.16!important;margin:10px 0!important}.ntf-qr-hero p{max-width:720px;color:#52637d!important;margin:0;line-height:1.65}.ntf-qr-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.ntf-qr-top h2,.ntf-qr-editor h2,.ntf-qr-preview-panel h2,.ntf-qr-faq h2{color:#1b2d4d!important;margin:0 0 5px!important;font-size:21px!important}.ntf-qr-top p{color:#64738a;margin:0}.ntf-qr-search-label{color:#394968;font-size:13px;font-weight:700;display:grid;gap:5px}.ntf-qr-search-label input{border:1px solid #d4dcf0;border-radius:10px;padding:11px 13px;width:min(280px,80vw);background:#fff;color:#172b4d}.ntf-qr-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.ntf-qr-tile{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dae2ef!important;background:#fff!important;padding:15px 13px!important;border-radius:14px!important;color:#243452!important;cursor:pointer!important;min-height:75px;box-shadow:0 5px 18px rgba(35,49,85,.04)}.ntf-qr-tile:hover,.ntf-qr-tile.is-active{border-color:#7764ef!important;box-shadow:0 7px 22px rgba(104,79,218,.13)!important;transform:translateY(-1px)}.ntf-qr-tile-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;font-size:20px;border-radius:11px;background:#eeeaff}.ntf-qr-tile-copy{display:grid;flex:1;min-width:0;gap:3px}.ntf-qr-tile-copy strong{font-size:13px;color:#182846;line-height:1.25}.ntf-qr-tile-copy small{font-size:11px;color:#62738b;line-height:1.35}.ntf-qr-tile>span:last-child{color:#7560e7}.ntf-qr-workspace{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.ntf-qr-editor,.ntf-qr-preview-panel{background:#fff;border:1px solid #dce3f2;border-radius:20px;padding:26px;min-width:0}.ntf-qr-section-label{font-size:11px;font-weight:800;color:#6751db;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.ntf-qr-field{display:grid;gap:7px;margin:16px 0;color:#263854;font-size:13px;font-weight:700}.ntf-qr-field input,.ntf-qr-field textarea,.ntf-qr-field select,.ntf-qr-size select{border:1px solid #cdd7ec!important;border-radius:10px;padding:12px!important;width:100%;background:#fff!important;color:#1b2b4a!important;font:inherit;min-height:44px}.ntf-qr-field input:focus,.ntf-qr-field textarea:focus{outline:2px solid #a99bf5}.ntf-qr-check{display:flex;align-items:center;gap:10px;color:#374866;font-size:13px}.ntf-qr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ntf-qr-primary,.ntf-qr-save{background:linear-gradient(100deg,#7651e9,#fc7464)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:13px 20px!important;font-weight:800;cursor:pointer}.ntf-qr-reset{background:#f3f5fa!important;color:#23375a!important;border-radius:11px!important;border:1px solid #dce3ef!important;padding:12px 20px!important;cursor:pointer}.ntf-qr-hint{color:#607188!important;font-size:12px;line-height:1.7;margin:12px 0 0}.ntf-qr-preview-panel{display:flex;flex-direction:column;align-items:stretch}.ntf-qr-preview{background:#f7f8fd;border:1px dashed #c6d0e6;border-radius:16px;min-height:295px;display:flex;align-items:center;justify-content:center;padding:16px;color:#8390a6;text-align:center}.ntf-qr-preview img,.ntf-qr-preview canvas{max-width:100%;height:auto!important;image-rendering:pixelated}.ntf-qr-size{margin:18px 0 12px;display:grid;gap:6px;font-size:13px;font-weight:700;color:#2f4160}.ntf-qr-save:disabled{opacity:.5;cursor:not-allowed}.ntf-qr-faq{padding:25px 5px}.ntf-qr-faq p{color:#5c6d86!important;line-height:1.7}@media(max-width:900px){.ntf-qr-types{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ntf-qr-shell{padding:0 14px}.ntf-qr-hero{padding:25px 19px}.ntf-qr-top{display:grid}.ntf-qr-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ntf-qr-workspace{grid-template-columns:1fr}.ntf-qr-editor,.ntf-qr-preview-panel{padding:20px}.ntf-qr-tile{padding:11px 9px!important;gap:6px;min-height:72px}.ntf-qr-tile-icon{width:30px;height:30px;font-size:17px}}