.cloud-gate{position:fixed;inset:0;z-index:500;background:#172024;display:grid;place-items:center;padding:24px;overflow:auto}
.cloud-card{width:min(460px,100%);padding:36px;background:#252e30;border:1px solid #52615d;box-shadow:0 24px 90px #0006;border-radius:10px}
.cloud-card h1{font-family:Georgia,serif;font-size:36px;color:#edc38a;margin:12px 0}.cloud-card p{line-height:1.6;color:#bdc6c0}
.cloud-card form{display:grid;gap:16px;margin-top:24px}.cloud-card label{display:grid;gap:8px}.cloud-card input{width:100%;padding:12px}
.cloud-card .cloud-providers{display:flex;gap:12px;margin:20px 0}.cloud-card .cloud-providers button{flex:1;padding:12px}
.cloud-card .cloud-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.cloud-card .cloud-links button{font-size:12px}
.cloud-card [role=status]{white-space:pre-wrap;min-height:24px;color:#edc38a;font-size:13px}.cloud-account{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;color:#c7cfc6}.cloud-account span{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.cloud-import{display:grid;gap:16px;padding:12px 0}.cloud-import p{line-height:1.6}.cloud-import input{padding:16px;border:1px dashed #c99f6c}
@media(max-width:700px){.cloud-card{padding:24px}.cloud-account span{display:none}.cloud-account button{padding:8px}}