.tools-install, .tools-install-help { box-sizing: border-box; color: #172234; background: #fff; border: 1px solid #e1e5ec; border-radius: 16px; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; box-shadow: 0 12px 48px #17223426; }
.tools-install[hidden] { display: none !important; }
.tools-install { position: fixed; z-index: 1000; left: 20px; bottom: calc(88px + env(safe-area-inset-bottom)); display: flex; align-items: flex-start; gap: 14px; width: 390px; max-width: calc(100% - 40px); padding: 20px 44px 20px 20px; }
.tools-install-icon { display: block; flex: 0 0 42px; width: 42px; height: 42px; object-fit: contain; }
.tools-install-copy { min-width: 0; }
.tools-install-copy strong { color: #172234; font-size: 16px; font-weight: 650; }
.tools-install-copy p { color: #626f7d; font: inherit; margin: 4px 0 12px; }
.tools-install [data-tools-install] { box-sizing: border-box; min-height: 42px; padding: 9px 14px; border: 0; border-radius: 9px; background: #ff8500; color: #172234; font: 600 13px/1.4 Arial, sans-serif; cursor: pointer; }
.tools-install [data-tools-install]:hover { background: #ff9b2e; }
.tools-install [data-tools-install]:disabled { opacity: .6; cursor: wait; }
.tools-install-close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #172234; font: 26px/1 Arial, sans-serif; cursor: pointer; }
.tools-install-close:hover { background: #f3f5f7; }
.tools-install button:focus-visible, .tools-install-help button:focus-visible { outline: 2px solid #c76200; outline-offset: 3px; }
.tools-install-help { position: fixed; width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 28px; margin: auto; overflow: auto; }
.tools-install-help::backdrop { background: #17223480; }
.tools-install-help h2 { color: #172234; font: 650 22px/1.3 Arial, sans-serif; margin: 0 24px 16px 0; }
.tools-install-help p { color: #626f7d; font: inherit; margin: 12px 0 0; }
@media (max-width: 600px) { .tools-install { left: 12px; max-width: calc(100% - 24px); padding: 18px 42px 18px 16px; gap: 12px; } }
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) { .tools-install { display: none !important; } }