.offline-ready-card { display: flex; align-items: center; gap: 16px; margin: 16px 0; padding: 16px; border: 1px solid #8294b044; border-radius: 14px; background: #17202d; color: #e2e8f0; text-align: left; }
.offline-ready-card > div { flex: 1; min-width: 0; }
.offline-ready-card strong { font: 650 15px/1.4 system-ui, sans-serif; }
.offline-ready-card p { margin: 4px 0 0; color: #aebdd0; font: 13px/1.45 system-ui, sans-serif; }
.offline-ready-card[data-state="ready"] { border-color: #56877a; }
.offline-ready-card[data-state="ready"] strong { color: #a5dfc9; }
.offline-ready-card button, .project-local-tools button, .offline-dialog button { min-height: 44px; min-width: 44px; padding: 9px 14px; border: 1px solid #9b86d36b; border-radius: 10px; background: #342951; color: #f2ecff; font: 600 14px/1.4 system-ui, sans-serif; cursor: pointer; }
.project-local-tools { display: flex; gap: 10px; margin: 0 0 18px; }
.project-local-tools button { width: 100%; text-align: left; background: #252d3a; border-color: #8191a744; }
#mobileOffline { width: 100%; margin-top: 8px; }
.offline-dialog { position: fixed; inset: 0; box-sizing: border-box; width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); margin: auto; padding: 20px; overflow-y: auto; color: #e6eef7; background: #192230; border: 1px solid #8b9cb655; border-radius: 18px; box-shadow: 0 18px 60px #0007; font: 15px/1.55 system-ui, sans-serif; text-align: left; }
.offline-dialog::backdrop { background: #060b15b8; }
.offline-dialog-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.offline-dialog-heading h2 { flex: 1; margin: 0; font: 650 20px/1.3 system-ui, sans-serif; }
.offline-dialog-heading button { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; background: #283447; }
.offline-dialog .offline-status { display: block; color: #cfbfff; font-size: 17px; }
.offline-dialog[data-state="ready"] .offline-status { color: #a5dfc9; }
.offline-dialog p { margin: 9px 0 15px; }
.offline-dialog ul { margin: 18px 0; padding-left: 21px; }
.offline-dialog li + li { margin-top: 7px; }
.offline-dialog progress { display: block; width: 100%; height: 12px; accent-color: #a689fa; }
.offline-dialog .offline-note { color: #aebdd0; font-size: 13px; }
.offline-dialog .offline-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.offline-dialog .offline-actions button { flex: 1 1 170px; }
.offline-dialog button:disabled { opacity: .55; cursor: default; }
.offline-dialog [hidden] { display: none !important; }
.offline-dialog .offline-install-help { padding-top: 18px; margin-top: 18px; border-top: 1px solid #8191a744; font-size: 14px; }
.offline-dialog button:focus-visible, .offline-ready-card button:focus-visible, .project-local-tools button:focus-visible { outline: 2px solid #c8b5ff; outline-offset: 2px; }
#aiOfflineNotice { margin: 0; padding: 10px 14px; background: #3b3020; color: #f2d6a4; font: 13px/1.4 system-ui, sans-serif; }
#aiOfflineNotice[hidden] { display: none !important; }
@media(max-width: 480px) { .offline-ready-card { padding: 12px; gap: 10px; } .offline-ready-card p { font-size: 12px; } .offline-ready-card button { padding: 8px 10px; } .offline-dialog { padding: 16px; } }