.wa-templates{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:28px;border:1px solid #b3d1ff65;border-radius:24px;color:#edf4ff;background:linear-gradient(145deg,#142c45,#081322 70%);box-shadow:0 28px 90px #0008,inset 0 1px 0 #ffffff24;overflow:auto;font-family:Manrope,Arial,sans-serif;animation:waReveal .3s ease-out}.wa-templates::backdrop{background:#020a16b8;backdrop-filter:blur(8px)}.wa-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.wa-dialog-header img{width:180px;max-width:65%}.wa-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #afcfff40;border-radius:50%;background:#182e46;color:#ecf4ff;cursor:pointer}.wa-close svg{width:22px;stroke:currentColor;stroke-width:2;fill:none}.wa-kicker{font-size:10px;letter-spacing:2px;color:#d4b876;margin-top:20px}.wa-templates h2{font-size:clamp(24px,5vw,34px);line-height:1.2;margin:12px 0}.wa-description{color:#acc0d7;font-size:13px;line-height:1.7}.wa-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.wa-preset{display:flex;align-items:center;gap:9px;padding:14px 12px;border:1px solid #9dc1ed40;border-radius:12px;color:#dfeaff;background:#13273e;text-align:left;cursor:pointer;font:600 12px Manrope,Arial,sans-serif;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.wa-preset svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#adcfff;stroke-width:1.5;stroke-linejoin:round}.wa-preset[aria-pressed=true]{border-color:#cbb474;background:#29425d;box-shadow:0 0 18px #9cbdf822;transform:translateY(-2px)}.wa-draft-label{display:block;font-size:12px;color:#b8cbe1;margin-bottom:10px}.wa-templates textarea{display:block;width:100%;min-height:170px;box-sizing:border-box;resize:vertical;padding:16px;border:1px solid #93b6e14a;border-radius:12px;background:#061222;color:#eef5ff;font:14px/1.8 Manrope,Arial,sans-serif;outline:none}.wa-templates textarea:focus{border-color:#8cbaff;box-shadow:0 0 0 3px #428bff20}.wa-recipient{font-size:12px;color:#acc0d7}.wa-send{display:flex!important;justify-content:center;align-items:center;gap:10px;padding:16px!important;margin:18px 0 0!important;border:1px solid #afd9c680!important;border-radius:12px!important;background:linear-gradient(135deg,#1c664d,#164d3e)!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}.wa-send svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5}.wa-send[aria-disabled=true]{opacity:.5}.wa-note{font-size:11px;color:#96adc7;text-align:center;line-height:1.7;margin-bottom:0}.wa-templates button:focus-visible,.wa-templates a:focus-visible{outline:3px solid #a7ceff;outline-offset:3px}body.light-mode .wa-templates{background:linear-gradient(145deg,#fff,#eef4fb);color:#162a40;border-color:#7895b8}body.light-mode .wa-preset{background:#f7faff;color:#1e3652;border-color:#b7cae0}body.light-mode .wa-preset[aria-pressed=true]{background:#e0ebf8;border-color:#8b692d}body.light-mode .wa-preset svg{stroke:#356399}body.light-mode .wa-templates textarea{background:#fff;color:#172b42}body.light-mode .wa-description,body.light-mode .wa-draft-label,body.light-mode .wa-recipient,body.light-mode .wa-note{color:#4c6581}@keyframes waReveal{from{opacity:0;transform:perspective(900px) translateY(22px) rotateX(5deg)}to{opacity:1;transform:none}}@media(max-width:440px){.wa-templates{padding:22px 18px;border-radius:20px}.wa-preset{font-size:11px;padding:12px 9px}}@media(prefers-reduced-motion:reduce){.wa-templates{animation:none}.wa-preset{transition:none;transform:none}}