/* assets/css/site.css */
:root{ --bg:#f0f2f1; --frame-bg:#f0f2f1; }
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; background:var(--bg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }

.shell{ width:100%; min-height:100vh; }
.frame-wrap{ width:100%; display:flex; justify-content:center; }
#page-frame{
  width:100%;
  max-width:2700px; /* hard ceiling for desktop */
  border:0;
  background:var(--frame-bg);
  display:block;
}

#loadingDiv{
  position:fixed; inset:0;
  display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,0.15);
  z-index:9999;
}
#loadingDiv .spinner{
  width:46px; height:46px; border-radius:50%;
  border:4px solid rgba(0,0,0,0.15);
  border-top-color: rgba(0,0,0,0.55);
  animation:spin .8s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg); } }