.local-backup-dialog {
    width: min(92vw, 620px);
    max-height: 86vh;
    overflow: auto;
    padding: 1.5rem;
    border: 1px solid #5887c7;
    border-radius: 16px;
    background: #142037;
    color: #f5f8ff;
    box-shadow: 0 24px 70px #0009;
}
.local-backup-dialog::backdrop { background: #030916bf; }
.local-backup-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.local-backup-header h2 { margin: 0; font-size: 1.35rem; }
.local-backup-header button { border: 0; background: transparent; color: inherit; font-size: 2rem; cursor: pointer; }
.local-backup-dialog p { line-height: 1.5; }
.local-backup-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin: 1.25rem 0; }
.local-backup-actions button, .local-backup-actions label, #localBackupApply {
    border: 1px solid #709feb; border-radius: 8px; padding: .65rem .9rem;
    background: #2454a2; color: white; cursor: pointer; font: inherit;
}
.local-backup-actions label { background: #263750; }
#localBackupFile { position: absolute; width: 1px; height: 1px; opacity: 0; }
#localBackupPreview { padding: .8rem; border-radius: 8px; background: #22334f; min-height: 2rem; line-height: 1.45; }
.local-backup-replace { display: block; margin: 1rem 0; line-height: 1.5; }
#localBackupApply:disabled { opacity: .45; cursor: not-allowed; }
[data-theme="light"] .local-backup-dialog { background: #fff; color: #18243a; }
[data-theme="light"] #localBackupPreview { background: #eaf1fa; }