.cloud-dialog { width: min(620px, calc(100vw - 32px)); max-height: 85vh; padding: 24px; border: 1px solid var(--border); border-radius: 18px; color: var(--ink); box-shadow: var(--shadow-panel); }
.cloud-dialog::backdrop { background: #15203166; }
.cloud-dialog h2 { margin: 0; font-size: 20px; }
.cloud-heading,.cloud-actions,.cloud-file { display: flex; align-items: center; gap: 12px; }
.cloud-heading { justify-content: space-between; }
.cloud-description,.cloud-status { color: var(--muted); font-size: 13px; line-height: 1.6; }
.cloud-actions { flex-wrap: wrap; margin: 18px 0; }
.cloud-list { display: grid; gap: 8px; margin-top: 16px; }
.cloud-file { padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
.cloud-file-info { flex: 1; min-width: 0; }
.cloud-file-name { display: block; overflow-wrap: anywhere; font-weight: 600; }
.cloud-file-size { color: var(--muted); font-size: 12px; }
.cloud-progress { width: 100%; accent-color: var(--primary); }
#account-button { max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: block; }
@media(max-width:1300px) { .top-actions { gap: 4px; } .top-actions .button { padding: 0 10px; } .document-state { display: none; } .topbar { gap: 10px; grid-template-columns: auto minmax(80px,1fr) auto; } }