.cloud-panel{margin:2rem 0;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--line,#d8d8cb);border-radius:1.2rem;background:var(--surface,#f2f1e9)}
.cloud-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.cloud-heading h2{margin:.25rem 0 1rem}.cloud-badge{padding:.4rem .8rem;border:1px solid currentColor;border-radius:2rem;font-size:.8rem}
.cloud-form{max-width:42rem;display:grid;gap:1rem;margin-top:1.5rem}.cloud-form label{display:grid;gap:.5rem}.cloud-form input{width:100%;min-width:0}
.cloud-status{min-height:1.6em;margin-top:1rem;font-weight:600}.cloud-versions{list-style:none;padding:0}.cloud-versions li{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid var(--line,#d8d8cb)}
.cloud-preview:empty{display:none}.cloud-preview{margin-top:1.5rem;padding:1.25rem;border:2px solid currentColor;border-radius:.7rem}.cloud-panel button:disabled{opacity:.55;cursor:wait}.cloud-panel strong{overflow-wrap:anywhere}.dark .cloud-panel{background:var(--surface,#173d34)}
@media(max-width:600px){.cloud-panel .action-row{align-items:stretch;flex-direction:column}.cloud-panel button{white-space:normal}.cloud-versions li{align-items:flex-start;flex-direction:column}}