.wwc-cloud-app{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  min-height:100vh;
  background:#173341;
}
.wwc-hidden{display:none!important}
.wwc-cloudbar{
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  box-sizing:border-box;
  background:#402718;
  color:#fff7dc;
  padding:10px 18px;
  border-radius:0;
  font-weight:800;
}
.wwc-cloudbar:not(.wwc-hidden){display:flex}
.wwc-cloudbar button{background:#fff0a6;color:#402718;border:0;border-radius:9px;padding:7px 11px;font-weight:900;cursor:pointer}
.wwc-sync{font-size:12px;opacity:.85}
.wwc-frame{
  display:block;
  width:100vw;
  max-width:none;
  min-height:720px;
  height:calc(100vh - 58px);
  border:0;
  background:#2890ce;
}
.wwc-frame:not(.wwc-hidden){display:block}
.wwc-gate{max-width:620px;margin:40px auto;background:#fff7d8;border:5px solid #5b371f;border-radius:22px;padding:24px;box-shadow:0 8px 0 #352014;color:#3e2819;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.wwc-gate h2{text-align:center;margin-top:0}
.wwc-version{text-align:center;font-size:12px;font-weight:800;opacity:.65;margin-top:-8px;margin-bottom:5px}
.wwc-runtime-status{text-align:center;font-size:12px;font-weight:800;margin:0 0 12px;color:#8a4a00}
.wwc-runtime-status.ready{color:#1f6b35}
.wwc-runtime-status.error{color:#9e201c}
.wwc-tabs{display:flex;gap:8px;margin-bottom:18px}
.wwc-tabs button{flex:1;padding:10px;border:3px solid #624127;border-radius:10px;background:#fff;color:#4a2d1b;font-weight:900;cursor:pointer}
.wwc-tabs button.active{background:#ffe279}
.wwc-form{display:grid;gap:10px}
.wwc-form label{font-weight:800}
.wwc-form input{padding:11px;border:3px solid #7b5838;border-radius:10px;font-size:16px}
.wwc-primary{background:#2fa64a!important;color:white!important;border:3px solid #176f2d!important;border-radius:11px!important;padding:11px!important;font-weight:1000!important;cursor:pointer}
.wwc-primary:disabled{opacity:.65;cursor:wait}
.wwc-error{color:#9e201c;font-weight:800;min-height:20px}
.wwc-optional{font-weight:400}
.wwc-gate.create-mode{background:#e7f4ff;border-color:#315f7d;box-shadow:0 8px 0 #203f54}
.wwc-gate.create-mode .wwc-tabs button{border-color:#315f7d;color:#203f54}
.wwc-gate.create-mode .wwc-tabs button.active{background:#a9ddff}
.wwc-gate.create-mode .wwc-form input{border-color:#477b9b;background:#f7fcff}
@media(max-width:800px){.wwc-tabs{flex-direction:column}.wwc-frame{min-height:760px;height:calc(100dvh - 58px)}}


body.wwc-standalone .wwc-cloud-app{width:100vw;min-height:100vh}
body.wwc-standalone .wwc-cloudbar{position:relative;z-index:10}
body.wwc-standalone .wwc-frame{width:100vw;height:calc(100vh - 58px);min-height:720px}
body.wwc-standalone .wwc-gate{margin:40px auto}
@media(max-width:800px){
  body.wwc-standalone .wwc-frame{height:calc(100dvh - 58px);min-height:760px}
}