.cloud-view { min-height:calc(100dvh - 56px); padding:44px 24px 64px; }
.cloud-heading { max-width:1100px; margin:0 auto 28px; }
.cloud-heading h1 { font-size:26px; line-height:1.6; margin:12px 0; font-weight:600; }
.cloud-card { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:28px; min-width:0; }
.cloud-card h2 { font-size:20px; margin:0 0 16px; font-weight:600; }
.cloud-card h3 { font-size:14px; margin:24px 0 12px; }
#cloud-auth { max-width:600px; margin:0 auto; }
.cloud-account { display:grid; max-width:1100px; margin:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.cloud-card .help { font-size:12px; overflow-wrap:anywhere; }
.cloud-card form { margin:20px 0 12px; }
#cloud-profile-form .text-button { margin:12px 0 0 16px; }
.cloud-history-row { border-top:1px solid var(--line); margin-top:20px; padding-top:14px; font-size:12px; }
.cloud-history-row .mono { font-size:10px; color:var(--muted); }
.cloud-privacy { margin-top:28px; border-top:1px solid var(--line); padding-top:20px; font-size:12px; }
.cloud-privacy summary { cursor:pointer; line-height:1.8; }
.cloud-history-view { grid-column:1/-1; }
.cloud-history-view pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.8 Consolas,monospace; max-height:480px; overflow:auto; }
.cloud-history-view p { overflow-wrap:anywhere; }
.cloud-card input[type=file] { max-width:100%; font-size:11px; }
@media (max-width:760px) {
  .cloud-view { padding:28px 21px 40px; }
  .cloud-heading { margin-bottom:22px; }
  .cloud-heading h1 { font-size:22px; }
  .cloud-account { grid-template-columns:minmax(0,1fr); gap:20px; }
  .cloud-card { padding:24px; }
  .cloud-card h2 { font-size:19px; }
  #cloud-auth-toggle { max-width:120px; text-align:right; }
}