.install-promo{display:none}
.install-setting .btn{margin-top:18px;gap:9px;white-space:normal;text-align:left}
.install-preview{display:flex;align-items:center;gap:13px;margin:18px 0 20px}
.install-preview img,.install-promo img{border-radius:12px;flex-shrink:0}
.install-preview span{display:flex;flex-direction:column;gap:5px}
.install-preview b{font:600 15px Manrope,sans-serif;letter-spacing:-.02em}
.install-preview small{font-size:11px;color:#7189a3}
.install-guide{display:grid;gap:18px;margin:23px 0}
.install-guide section{padding:17px 19px;border-radius:8px;background:#f2f6fc;border:1px solid #e0e8f3}
.install-guide h3{font-size:13px;line-height:1.5;margin-bottom:10px;color:#24517e}
.install-guide ol{padding-left:19px;margin:0;list-style:decimal}
.install-guide li{font-size:12px;line-height:1.8;padding-left:3px;margin-top:7px;color:#46617e}
.modal>p.install-note{font-size:11px;line-height:1.8;color:#7890aa}
body[data-product="true"] .preview-stage,body[data-product="true"] .app-shell{min-height:100svh;min-height:100dvh}
body[data-product="true"] .modal{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
body[data-standalone="true"] .install-promo{display:none}
@container preview (max-width:1024px){
 .install-promo{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #ccdaee;background:#edf4fd;border-radius:9px;padding:13px 12px;text-align:left;margin:0 0 26px;color:#214e7e;min-height:74px}
 .install-promo img{width:40px;height:40px;border-radius:10px}
 .install-promo>span{flex:1;min-width:0}
 .install-promo b{display:block;font-size:12px;line-height:1.55;font-weight:600}
 .install-promo small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#6784a5}
 .install-promo>.icon{width:15px;height:15px;flex-shrink:0}
 .install-setting .btn{font-size:12px;min-height:44px;line-height:1.5}
 body[data-product="true"] .app-header{padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top));padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
 body[data-product="true"] .main-content{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
 body[data-product="true"] .app-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 body[data-product="true"] input,body[data-product="true"] textarea,body[data-product="true"] select,body[data-product="true"] .mentor-composer textarea{font-size:16px}
}
@media(max-width:480px){.install-guide{gap:14px}.install-guide section{padding:15px}.install-guide li{font-size:12px}.install-guide h3{font-size:13px}.modal:has(.install-guide){padding:25px 21px}.modal:has(.install-guide) h2{font-size:24px;padding-right:16px}.modal:has(.install-guide) .modal-emblem{display:none}.modal:has(.install-guide) .modal-actions .btn{min-height:44px;font-size:12px}}
