.restore-panel { width: min(94vw, 680px); max-width: 680px; padding: 0; }
.restore-panel .dialog-head { gap: 12px; padding: 16px; }
.restore-panel .dialog-head h2 { font-size: 17px; line-height: 1.3; text-align: left; }
.restore-body { padding: 4px 18px 24px; overflow-wrap: anywhere; }
.restore-body p { line-height: 1.5; }
.restore-body input[type="file"] { max-width: 100%; min-width: 0; padding: 12px 8px; }
.restore-body input::file-selector-button { border: 1px solid var(--line); border-radius: 6px; background: #171717; color: var(--green); padding: 8px; margin-right: 8px; }
.restore-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.restore-actions button, .restore-cancel { min-height: 44px; }
.restore-cancel { color: var(--red); }
#restore-feedback:empty, #restore-storage:empty, #restore-history-error:empty, #restore-job:empty { display: none; }
#restore-job, .restore-history-head { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 10px; }
.restore-result { background: #101010; border: 1px solid var(--line); padding: 4px 12px; margin: 16px 0; border-radius: 8px; }
.restore-result h3 { font-size: 15px; }
.restore-result dl div { display: flex; gap: 12px; justify-content: space-between; margin: 8px 0; }
.restore-result dd { margin: 0; }
.restore-history-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.restore-history-row { width: 100%; text-align: left; background: #000; }
.restore-history-row small { display: block; color: var(--muted); margin-top: 4px; }
.restore-history-row[aria-pressed="true"] { box-shadow: inset 3px 0 var(--green); }
.restore-panel button:focus-visible, .restore-panel input:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
@media (max-width: 600px) { .restore-panel { width: 100%; max-width: 100%; max-height: 95svh; } .restore-body { padding-inline: 14px; } }