.ui22-button{box-sizing:border-box;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;vertical-align:middle;max-width:100%;text-decoration:none;cursor:pointer;overflow:hidden;line-height:1.35;white-space:normal}.ui22-button .ui22-label{position:relative;z-index:1;overflow-wrap:anywhere}.ui22-button .ui22-icon,.ui22-button svg{display:block;width:var(--u-icon_size,18px);height:var(--u-icon_size,18px);flex-shrink:0}.ui22-button:not(.ui22-style-inherit){font-family:inherit;font-size:var(--u-font);font-weight:var(--u-weight);letter-spacing:var(--u-spacing);min-height:var(--u-height);padding:var(--u-pad_y) var(--u-pad_x);border:var(--u-border_width) solid var(--u-border);border-radius:var(--u-radius);color:var(--u-text);transition:transform var(--u-transition),box-shadow var(--u-transition),background-color var(--u-transition),color var(--u-transition)}.ui22-style-solid{background:var(--u-bg)}.ui22-style-gradient{background:linear-gradient(120deg,var(--u-bg),var(--u-bg2))}.ui22-style-outline{background:transparent;color:var(--u-bg)!important}.ui22-style-soft{background:color-mix(in srgb,var(--u-bg) 12%,white);color:var(--u-bg)!important}.ui22-style-glass{background:color-mix(in srgb,var(--u-bg) 70%,transparent);backdrop-filter:blur(12px)}.ui22-button:not(.ui22-style-inherit):hover{background:var(--u-hover_bg);color:var(--u-hover_text)!important}.ui22-button:focus-visible{outline:3px solid var(--u-focus,#508bff);outline-offset:4px}.ui22-uppercase{text-transform:uppercase}.ui22-shadow-0:not(.ui22-style-inherit){box-shadow:none}.ui22-shadow-1:not(.ui22-style-inherit){box-shadow:0 5px 16px #0b3d3214}.ui22-shadow-2:not(.ui22-style-inherit){box-shadow:0 10px 26px #0b3d3227}.ui22-shadow-3:not(.ui22-style-inherit){box-shadow:0 15px 38px #0b3d3235}.ui22-effect-lift:hover{transform:translateY(-3px)}.ui22-effect-glow:hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--u-bg) 15%,transparent),0 8px 25px color-mix(in srgb,var(--u-bg) 25%,transparent)}.ui22-effect-shine:after{content:"";position:absolute;inset:-50% auto -50% -100%;width:40%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);pointer-events:none}.ui22-effect-shine:hover:after{animation:ui22Shine .8s ease-out}.ui22-effect-pulse{animation:ui22Pulse var(--u-speed,4s) ease-in-out infinite}.ui22-footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:26px 0}.ui22-button .wx-menu-lines{flex-shrink:0}.ui22-button .wx-menu-lines i{background:currentColor}.ui22-button.ui22-device-mobile{display:none}.ui22-preview{padding:28px;border:1px dashed #a9c9c2;border-radius:16px;background:linear-gradient(125deg,#f4faf8,#e8f2fb);display:flex;gap:15px;align-items:center;justify-content:center;min-height:130px}.ui22-editor{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.ui22-editor .admin-panel{min-width:0}.ui22-preview-wrap{position:sticky;top:20px}.ui22-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ui22-form-grid label{display:grid;gap:8px;min-width:0;font-size:13px}.ui22-form-grid input,.ui22-form-grid select{width:100%;min-width:0;box-sizing:border-box}.ui22-form-grid input[type=color]{height:42px;padding:4px}.ui22-form-grid input[type=checkbox]{width:auto}.ui22-form-grid .admin-check{display:flex}.ui22-wide{grid-column:1/-1}.ui22-editor details{border-top:1px solid #dae5eb;padding:16px 0}.ui22-editor summary{font-weight:750;cursor:pointer;margin-bottom:14px}.ui22-editor .admin-button{margin-top:20px}.ui22-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ui22-tabs a{padding:10px 15px;background:#edf3f8;border-radius:10px;text-decoration:none;color:#254b61;font-size:13px}.ui22-tabs a[aria-current=page]{background:#087f70;color:white}@keyframes ui22Shine{to{left:150%}}@keyframes ui22Pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--u-bg) 12%,transparent)}}@keyframes ui22MenuFade{from{opacity:0}to{opacity:1}}@keyframes ui22MenuSlide{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@keyframes ui22MenuZoom{from{opacity:0;scale:.97}to{opacity:1;scale:1}}@media(max-width:900px){.ui22-button.ui22-device-desktop{display:none}.ui22-button.ui22-device-mobile{display:inline-flex}.ui22-mobile-full{width:100%}.wx-nav-actions{flex-wrap:wrap}.ui22-editor{grid-template-columns:1fr}.ui22-preview-wrap{position:static}}@media(max-width:550px){.ui22-form-grid{grid-template-columns:1fr}.ui22-footer-actions{padding:20px 12px}.wx-nav-actions .ui22-button{font-size:11px}.ui22-preview{padding:16px}}@media(prefers-reduced-motion:reduce){.ui22-button,.ui22-button:after{animation:none!important;transition:none!important}.ui22-button:hover{transform:none!important}}
.ui22-button .wx-menu-lines{display:grid;gap:4px;width:18px}.ui22-button .wx-menu-lines i{display:block;width:18px;height:2px}.ui22-preview .ui22-button{display:inline-flex!important}

.ui22-preview .ui22-style-inherit{padding:14px 18px;border:1px solid #b7dcd4;border-radius:12px;background:white;color:#164b44;font:750 13px system-ui}.ui22-preview .ui22-header_ssl.ui22-style-inherit{background:#087f70;color:white}
.ui22-form-grid label{font-weight:700}.ui22-form-grid input:not([type=checkbox]),.ui22-form-grid select{border:1px solid #ccdbe4;border-radius:10px;background:#f8fbfd;color:#183b4b;padding:11px 12px;min-height:43px;font:inherit}.ui22-form-grid input[type=color]{padding:4px;min-height:43px}.ui22-form-grid small,.ui22-editor .field-help{font-weight:400;color:#687d8c;line-height:1.7}.ui22-editor .admin-panel>p{line-height:1.7}.ui22-form-grid .admin-check{font-weight:650;align-items:center}