.upi-shell{padding:2.5rem 0 1rem;background:#f5f7fb}.upi-intro{max-width:820px;margin:0 auto 2rem;text-align:center}.upi-intro h1{margin:.35rem 0 .7rem;color:#071a3d;font-size:clamp(2rem,4vw,3rem)}.upi-intro p{margin:0;color:#59667b;line-height:1.7}.upi-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);gap:1.5rem;align-items:start}.upi-editor{display:grid;gap:1rem}.upi-panel,.upi-generate,.upi-preview-card{border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 8px 26px rgba(18,38,68,.06)}.upi-panel{padding:1.4rem}.upi-title{display:flex;gap:.8rem;margin-bottom:1.2rem}.upi-title>span{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%;background:#1464c0;color:#fff;font-weight:800}.upi-title h2{margin:0;color:#15233c;font-size:1.12rem}.upi-title p{margin:.25rem 0 0;color:#718096;font-size:.82rem}.upi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upi-grid>label{display:grid;gap:.4rem;color:#2e3d55;font-size:.84rem;font-weight:750}.upi-grid label>span{color:#7d8899;font-size:.67rem;text-transform:uppercase}.upi-grid input{width:100%;min-height:47px;padding:.7rem .8rem;border:1px solid #cfd8e5;border-radius:7px;background:#fbfcfe;outline:0}.upi-grid input:focus{border-color:#1464c0;box-shadow:0 0 0 3px rgba(20,100,192,.12)}.upi-grid small{color:#7c8798;font-size:.7rem;font-weight:400}.upi-money{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cfd8e5;border-radius:7px;overflow:hidden}.upi-money:focus-within{border-color:#1464c0;box-shadow:0 0 0 3px rgba(20,100,192,.12)}.upi-money b{padding:.8rem;background:#eef3f9;color:#43526a}.upi-money input{border:0;border-radius:0}.upi-style{padding:0;overflow:hidden}.upi-style-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border:0;background:#12366d;color:#fff;text-align:left}.upi-style-toggle>span{display:flex;align-items:center;gap:.75rem}.upi-style-toggle span span{display:grid}.upi-style-toggle small{color:#cbd8ed;font-size:.7rem}.upi-style-body{padding:1rem}.upi-style-body[hidden],.upi-options[hidden]{display:none}.upi-tabs{display:flex;gap:.3rem;overflow-x:auto;padding:.3rem;margin-bottom:1rem;border:1px solid #dfe5ed;border-radius:8px;background:#f3f6fa}.upi-tabs button{flex:1;min-width:74px;padding:.65rem .5rem;border:0;border-radius:6px;background:transparent;color:#5d697c;font-weight:750}.upi-tabs button.active{background:#fff;color:#1464c0;box-shadow:0 2px 7px rgba(20,40,70,.1)}.upi-options{margin:0;padding:0;border:0}.upi-options legend{margin-bottom:.7rem;color:#2e3d55;font-size:.82rem;font-weight:750}.upi-choices,.upi-frames{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.upi-choices label,.upi-frames label,.upi-colors label{display:grid;gap:.4rem;justify-items:center;font-size:.7rem;cursor:pointer}.upi-choices input,.upi-frames input,.upi-colors input{position:absolute;opacity:0}.upi-choices label>span,.upi-frames label>span{display:grid;width:60px;height:60px;place-items:center;border:2px solid #d4dce7;border-radius:8px;background:#fff}.upi-choices input:checked+span,.upi-frames input:checked+span{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.12)}.pattern{background-size:14px 14px!important;background-image:radial-gradient(circle,#17243b 4px,transparent 5px)!important}.pattern.dots{background-image:radial-gradient(circle,#17243b 3px,transparent 4px)!important}.pattern.square{border-radius:2px!important;background-image:linear-gradient(45deg,#17243b 25%,transparent 25%,transparent 75%,#17243b 75%)!important}.pattern.classy{background-size:18px 18px!important}.eye:before{content:'';width:34px;height:34px;border:7px solid #17243b}.eye.rounded:before{border-radius:10px}.eye.dot:before{border-radius:50%}.upi-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.upi-colors label>span{display:grid;width:44px;height:44px;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #ccd5e1}.upi-colors input:checked+span{box-shadow:0 0 0 3px #1677ff}.upi-colors .custom input[type=color]{position:static;width:42px;height:22px;padding:0;border:1px solid #ccd5e1;border-radius:5px;opacity:1}.upi-colors .custom i{color:#fff}.upi-upload{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px dashed #a9b9ce;border-radius:8px;background:#f8fbff;cursor:pointer}.upi-upload>span:first-child{display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border-radius:8px;background:#e8eef7}.upi-upload img{width:100%;height:100%;object-fit:contain}.upi-upload>span:nth-child(2){display:grid}.upi-upload small{color:#7c8798;font-size:.7rem}.upi-upload input{position:absolute;opacity:0}.upi-remove{margin-top:.6rem;padding:.45rem .7rem;border:1px solid #d7dee8;border-radius:6px;background:#fff;color:#a23838}.upi-frames label>span{height:66px;align-content:center;gap:.1rem;font-size:1.2rem}.upi-frames small{font-size:.36rem;font-weight:800}.upi-frames .blue{border:4px solid #1677ff;color:#1677ff}.upi-frames .green{border:4px solid #11715b;color:#11715b}.upi-frames .dark{border:4px solid #1f2937;color:#1f2937}.upi-generate{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem}.upi-generate>div{display:grid}.upi-generate span{color:#778397;font-size:.75rem}.upi-alert{padding:.85rem 1rem;border:1px solid #f1c2c2;border-radius:7px;background:#fff2f2;color:#a52c2c}.upi-alert.success{border-color:#b9dfcc;background:#effaf4;color:#176842}.upi-preview{position:sticky;top:92px}.upi-preview-card{overflow:hidden}.upi-preview-card>header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;background:#102f66;color:#fff;font-weight:750}.upi-preview-card header small{color:#cbd8ed;font-size:.7rem}.upi-preview-body{padding:1.25rem}#upiQr{display:grid;min-height:314px;place-items:center;border:1px solid #e1e7ef;border-radius:8px;background:#fbfcfe}#upiQr canvas{display:block;max-width:100%;height:auto!important}.upi-empty{display:grid;max-width:220px;place-items:center;gap:.5rem;color:#718096;text-align:center}.upi-empty i{color:#1464c0;font-size:2.8rem}.upi-empty strong{color:#34445c}.upi-empty span{font-size:.78rem}.upi-summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.8rem;padding:.7rem;border-radius:6px;background:#f1f5fa}.upi-summary>div{display:grid;min-width:0}.upi-summary small{color:#758197}.upi-summary strong{overflow:hidden;color:#293a53;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.upi-summary>b{color:#1464c0;white-space:nowrap}.upi-download{display:grid;gap:.7rem;margin-top:.8rem}.upi-download label{display:grid;gap:.35rem;color:#41516a;font-size:.72rem;font-weight:700}.upi-download select{min-height:43px;padding:.55rem;border:1px solid #d4dce7;border-radius:6px;background:#fff}.upi-download>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.upi-download button{min-height:43px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#17386c;font-weight:750}.upi-download .btn{border:0;color:#fff}#upiQr.has-frame{position:relative;min-height:370px;padding:18px 18px 62px;border:6px solid currentColor;background:#fff}#upiQr.has-frame canvas{width:260px!important;height:260px!important}#upiQr.has-frame:after{content:attr(data-label);position:absolute;right:14px;bottom:12px;left:14px;padding:.55rem;border-radius:6px;background:currentColor;color:#fff;font-size:.9rem;font-weight:850;text-align:center}#upiQr.frame-blue{color:#1677ff}#upiQr.frame-green{color:#11715b}#upiQr.frame-dark{color:#1f2937}@media(max-width:991px){.upi-workspace{grid-template-columns:1fr}.upi-preview{position:static;max-width:520px;width:100%;margin:auto}}@media(max-width:600px){.upi-shell{padding-top:1.5rem}.upi-panel{padding:1rem}.upi-grid{grid-template-columns:1fr}.upi-choices,.upi-frames{grid-template-columns:repeat(2,1fr)}.upi-colors{grid-template-columns:repeat(3,1fr)}.upi-generate{align-items:stretch;flex-direction:column}.upi-generate .btn{width:100%}.upi-download>div{grid-template-columns:1fr}}
.upi-label-row{display:flex!important;align-items:center;justify-content:space-between;min-height:20px;color:#2e3d55!important;font-size:.84rem!important;text-transform:none!important}.upi-label-row b{font-weight:750}.upi-label-row em{padding:.18rem .4rem;border-radius:4px;background:#eef3f9;color:#6d7b91;font-size:.62rem;font-style:normal;font-weight:750;letter-spacing:0;text-transform:uppercase}.upi-grid>label{align-content:start}.upi-grid input{height:48px!important;min-height:48px!important}.upi-money{height:48px}.upi-money input{height:46px!important;min-height:46px!important;border:0!important;box-shadow:none!important}.upi-money input:focus{border:0!important;box-shadow:none!important}.upi-money b{display:grid;height:100%;place-items:center;padding:0 .9rem;border-right:1px solid #d6deea}