/* Scoped to the AI installation controls; the existing chat layout is retained. */
.preview { display:flex; align-items:center; gap:12px; height:33px; padding-top:2px; padding-bottom:2px; white-space:nowrap; }
.preview .install-help { margin-left:auto; flex-shrink:0; min-height:28px; padding:3px 10px; border:1px solid #2a6ff5; border-radius:7px; background:#102447; color:#eaf1ff; font-family:inherit; font-size:11px; font-weight:600; line-height:1.4; letter-spacing:0; cursor:pointer; }
#install-dialog { box-sizing:border-box; width:min(540px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; border:1px solid #36517b; border-radius:20px; background:#071432; color:#eaf1ff; box-shadow:0 24px 90px #0009; }
#install-dialog::backdrop { background:#030a1cc9; }
#install-dialog .install-heading { display:flex; align-items:center; gap:12px; padding:8px 0; position:sticky; top:-24px; z-index:1; background:#071432; }
#install-dialog .install-heading>div { flex:1; min-width:0; }
#install-dialog .install-heading img { width:44px; height:44px; border-radius:12px; flex-shrink:0; }
#install-dialog h2 { margin:0; font-size:21px; line-height:1.25; }
#install-dialog h2:focus { outline:none; }
#install-dialog .install-domain { margin:4px 0 0; font-size:13px; color:#a9bddc; }
#install-dialog .install-lead { margin:20px 0 12px; line-height:1.6; }
#install-dialog #install-status { font-size:13px; color:#a9bddc; line-height:1.6; }
#install-dialog #install-app { margin:0 0 12px; width:100%; min-height:44px; }
#install-dialog details { border-top:1px solid #2b4061; padding:16px 0; margin:0; }
#install-dialog summary { color:#eaf1ff; font-size:15px; cursor:pointer; }
#install-dialog ol { padding-left:23px; margin:12px 0 0; color:#c9d7ef; line-height:1.65; font-size:14px; }
#install-dialog li + li { margin-top:8px; }
#install-dialog .install-note { background:#102447; padding:12px 14px; border-radius:10px; color:#c9d7ef; font-size:13px; line-height:1.6; margin:8px 0 18px; }
#install-dialog #close-install { min-height:44px; width:100%; }
#install-dialog #install-dismiss { width:44px; height:44px; padding:0; font-size:25px; flex-shrink:0; line-height:1; }
#install-dialog [hidden] { display:none !important; }
#install-dialog .install-selectors { display:grid; grid-template-columns:1fr 1.35fr; gap:10px; margin-bottom:12px; }
#install-dialog .install-selectors label { min-width:0; font-size:12px; color:#a9bddc; display:grid; gap:5px; }
#install-dialog .install-selectors select { width:100%; min-width:0; min-height:44px; font:inherit; font-size:13px; color:#eaf1ff; background:#102447; border:1px solid #36517b; border-radius:8px; padding:8px; }
#install-dialog .install-step { padding:14px 0; border-top:1px solid #2b4061; }
#install-dialog h3 { margin:0; font-size:16px; line-height:1.4; color:#eaf1ff; }
#install-dialog .install-step p, #install-dialog section>p, #install-dialog details p { margin:7px 0 0; color:#bccde7; font-size:14px; line-height:1.5; }
#install-dialog .share-example { margin:12px 0 0; }
#install-dialog figcaption { color:#a9bddc; font-size:11px; margin-bottom:6px; }
#install-dialog .share-example svg { display:block; width:100%; max-width:330px; color:#a9bddc; }
#install-dialog .toolbar-bg { fill:#152740; stroke:#36517b; }
#install-dialog .share-highlight { fill:#123e5b; stroke:#00f0f8; }
#install-dialog .share-symbol { stroke:#4ff8ff; stroke-width:2.6; }
#install-dialog .install-step .share-caption { font-size:11px; line-height:1.45; color:#8fa6c8; }
#install-dialog button:focus-visible, .preview .install-help:focus-visible { outline:2px solid #00f0f8; outline-offset:3px; }
@media(max-width:640px) {
 .preview { gap:6px; }
 .preview span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
 #install-dialog { padding:16px; width:calc(100vw - 20px); max-height:calc(100dvh - 24px); }
 #install-dialog .install-heading { top:-16px; }
 #install-dialog h2 { font-size:19px; }
 #install-dialog .install-lead { margin:10px 0 14px; font-size:14px; }
}

/* Direction is local to the guide; switching back restores left-to-right. */
#install-dialog { text-align:start; }
#install-dialog .install-domain, #install-dialog #install-device { direction:ltr; unicode-bidi:isolate; }
#install-dialog .share-example svg { margin-inline-start:0; margin-inline-end:auto; direction:ltr; }
#install-dialog[dir="rtl"] ol { padding-left:0; padding-inline-start:23px; }