.cloud-entry { display: grid; place-items: start center; padding: 8vh 14px 24px; overflow: auto; }
.cloud-card { width: min(100%, 430px); padding: 24px; border: 1px solid var(--border); background: var(--surface); border-radius: 8px; }
.cloud-card h1 { font-size: 22px; margin: 0 0 18px; }
.cloud-card form, .cloud-card label { display: grid; gap: 8px; }
.cloud-card form { margin-top: 18px; gap: 14px; }
.cloud-card :is(input,button) { min-height: 40px; }
.cloud-card p { margin: 0; }
.cloud-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#cloud-panel { width: min(620px, calc(100vw - 24px)); max-height: 85dvh; overflow: auto; }
#cloud-panel ul { padding-left: 0; list-style: none; }
#cloud-panel li { padding: 8px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
#cloud-panel li button { margin-inline-start: 8px; }
#cloud-panel output { display: block; overflow-wrap: anywhere; margin: 10px 0; }