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