
.cloud-connection{font-size:11px;color:#58718b;background:#f0f6fa;border:1px solid #d7e6ed;border-radius:8px;padding:10px;margin-top:12px;line-height:1.5}
.cloud-overlay{position:fixed;inset:0;background:#081c2ec9;z-index:3000;display:grid;place-items:center;padding:16px}.cloud-overlay[hidden]{display:none!important}
.cloud-dialog{width:min(480px,100%);max-height:95dvh;overflow:auto;border-radius:16px;background:white;padding:23px;box-shadow:0 30px 100px #0a1d3880}
.cloud-dialog h2{margin:0}.cloud-form{display:grid;gap:13px;margin-top:16px}.cloud-form[hidden]{display:none}.cloud-form label{font-size:12px;font-weight:700;display:grid;gap:6px;color:#32455a}.cloud-form input{padding:12px;border:1px solid #ccd9e5;border-radius:9px;min-width:0}.cloud-error{font-size:12px;color:#b53646;margin-top:10px;white-space:pre-wrap}
.cloud-banner{background:#eaf4fa;border:1px solid #cee5f2;border-radius:10px;color:#294b64;padding:13px 16px;margin:17px 0;font-size:12px;line-height:1.7}
.cloud-placeholder{max-width:790px;margin:40px auto;background:#fff;padding:32px;border-radius:14px;border:1px solid #dae3ee;line-height:1.65}
@media(max-width:640px){.cloud-dialog{padding:18px}.cloud-overlay{padding:10px}}
