/* The account and save controls occupy their own row, never cover model controls. */
body.cloud-pilot{display:flex;flex-direction:column;height:100dvh;overflow:hidden}
.cloud-pilot>header{flex:none}
.cloud-panel{flex:none;background:#fff;border-bottom:1px solid #d9e4dd;padding:12px 24px;color:#233d32}
.cloud-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cloud-heading>div{display:flex;align-items:center;gap:16px;min-width:0}
.cloud-heading strong{font-size:15px}.cloud-heading span{color:#61776b;overflow-wrap:anywhere}
.cloud-project-fields{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}
.cloud-panel .project{display:block!important;width:100%;max-width:460px;min-width:180px;margin:0}
.cloud-panel .project input{border:1px solid #bfcec3;border-radius:8px;background:#f8fbf9;padding:10px;width:100%;font-size:16px}
#cloudNameSlot{flex:1;min-width:0}.cloud-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cloud-actions button{min-height:42px}.cloud-status{font-size:12px;line-height:1.5;margin:9px 0 0;color:#587363}
.cloud-status[data-state=unsaved]{color:#8c5718}.cloud-status[data-state=saved]{color:#216746}
.cloud-error{margin-top:10px;padding:12px;background:#fff3e7;border:1px solid #edd2ae;border-radius:8px}
.cloud-error p{margin:0;line-height:1.7;overflow-wrap:anywhere}.cloud-error .cloud-actions{margin-top:10px}
.cloud-session{padding:20px 0 10px;max-width:720px}.cloud-session p{line-height:1.8;margin:0 0 12px}
.cloud-demo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff5d7;border:1px solid #ebd597;border-radius:8px;padding:8px 12px;margin-bottom:10px}
.cloud-demo strong{font-size:12px;color:#6f5315}.cloud-demo label{display:flex;align-items:center;gap:10px;font-size:12px;margin:0;color:#6f5315}
.cloud-demo select{width:auto;margin:0;min-height:40px;background:#fff}
.cloud-pilot .wizard-workspace{width:100%;height:auto;flex:1;min-height:0}
.cloud-pilot .project-menu .actions{z-index:100}.cloud-pilot .project-menu .actions .project{display:none!important}
.cloud-pilot button:disabled{cursor:default;opacity:.55}.cloud-pilot .wizard-workspace[hidden]{display:none!important}
#versions{width:min(720px,calc(100vw - 24px));max-height:85dvh;padding:20px;border-radius:16px}
#versions .dialoghead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#versions .dialoghead h2{margin-right:auto}
.cloud-project-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:15px 0;border-top:1px solid #e0e8e2}
.cloud-project-row>div{min-width:0}.cloud-project-row strong{display:block;overflow-wrap:anywhere;white-space:pre-wrap}
.cloud-list-status{font-size:12px;color:#63796b;line-height:1.7}.cloud-pilot #toast{z-index:200}
@media(max-width:1000px){.cloud-project-fields{align-items:stretch;flex-wrap:wrap}.cloud-actions{gap:6px}.cloud-panel{padding:12px 16px}}
@media(max-width:700px){
 body.cloud-pilot{height:auto;min-height:100dvh;overflow:auto}
 .cloud-panel{padding:12px}.cloud-heading>div{display:block}.cloud-heading span{display:block;font-size:12px;margin-top:4px}
 .cloud-project-fields{display:block}.cloud-panel .project{max-width:none;min-width:0}.cloud-project-fields>.cloud-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}
 .cloud-actions button{white-space:normal;min-height:44px}.cloud-project-fields>.cloud-actions button{width:100%}
 .cloud-demo{align-items:flex-start;flex-direction:column}.cloud-demo label{width:100%;justify-content:space-between}.cloud-demo select{max-width:65%}
 .cloud-pilot .wizard-workspace{flex:none;height:auto;min-height:0}.cloud-status{font-size:12px}
 .cloud-project-row{align-items:flex-start}.cloud-project-row button{flex:none}.cloud-project-row small{line-height:1.8}
}