/* Cloud-only additions. All MVP styling remains in the unchanged styles.css. */
.cloud-auth { max-width:480px; margin:10vh auto; padding:28px; }
.cloud-auth .brand { margin-bottom:24px; }
.cloud-auth h1 { font-size:26px; }
.cloud-auth p { line-height:1.7; }
.cloud-auth .field { margin:14px 0; }
.cloud-auth input { width:100%; }
.cloud-auth button { margin-block:8px; }
.cloud-publish { margin:16px 0; padding:16px; }
.cloud-publish-main { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.cloud-publish input { width:100%; margin-top:12px; background:#f7f8f6; }
.cloud-transfer { margin-top:20px; }
.cloud-transfer .btn { margin:8px 0 0 8px; }
.cloud-error { position:fixed; bottom:16px; left:16px; right:16px; z-index:20000; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#7b1d1d; border:1px solid #d69f9f; background:#fff4f4; box-shadow:0 2px 12px #0002; border-radius:8px; direction:rtl; }
.cloud-upload-progress { position:fixed; bottom:12px; inset-inline-end:12px; z-index:19000; padding:10px 14px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#214f40; box-shadow:0 2px 12px #0002; font-size:13px; }
@media(max-width:540px){.cloud-auth{margin:32px 12px}.cloud-publish-main{align-items:flex-start}.cloud-error{bottom:8px;left:8px;right:8px;padding:10px}}