.transfer-layout [hidden], #backupDownloadLink[hidden], #importSelectAllLabel[hidden] { display: none !important; }
#transferFileInput { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.transfer-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 28px 30px; }
.transfer-layout > section { min-width: 0; }
.transfer-layout.single-column { grid-template-columns: minmax(0, 1fr); max-width: 960px; margin-inline: auto; }
.transfer-heading { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); margin-bottom: 16px; padding-bottom: 12px; }
.transfer-heading h2 { margin: 0; font-size: 18px; line-height: 1.5; }
.transfer-heading .small-button { width: 36px; height: 36px; padding: 8px; flex: 0 0 auto; }
.transfer-heading svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.transfer-summary { margin: 12px 0; color: var(--muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.transfer-select-all { display: flex; gap: 8px; align-items: center; padding: 10px 0; font-size: 13px; font-weight: 700; }
.transfer-list { max-height: 420px; overflow: auto; overscroll-behavior: contain; border-block: 1px solid var(--line); }
.transfer-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 66px; padding: 12px 4px; border-bottom: 1px solid var(--line); cursor: pointer; }
.transfer-row:last-child { border-bottom: 0; }
.transfer-row input, .transfer-select-all input { width: 17px; height: 17px; margin: 0; flex: 0 0 auto; accent-color: var(--accent); }
.transfer-row-text { display: grid; gap: 4px; min-width: 0; }
.transfer-row-text strong { font-size: 13px; overflow-wrap: anywhere; }
.transfer-row-text span, .transfer-row-size { font-size: 12px; color: var(--muted); }
.transfer-empty { padding: 30px 8px; color: var(--muted); font-size: 13px; }
.transfer-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.transfer-actions .button { white-space: normal; min-height: 42px; height: auto; text-align: center; }
.transfer-status { min-height: 48px; margin: 12px 0 0; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.transfer-status.error { color: var(--danger, #b42318); }
.transfer-footnote { border-top: 1px solid var(--line); padding: 20px 30px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
@media (max-width: 850px) { .transfer-layout { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; gap: 28px; } .transfer-footnote { padding: 20px 16px; } }