:root{
  --bg:#ffffff;
  --accent:#0b72ff;
  --font:Inter,system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%;width:100%;margin:0;padding:0;background:var(--bg);font-family:var(--font);color:#111;overflow:hidden}
#frame-root{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}
iframe{position:fixed;inset:0;width:100vw;height:100vh;border:0;margin:0;padding:0;display:block;z-index:0;background:transparent}

/* Placeholder styling that displays instantly */
.placeholder-inner{display:flex;align-items:center;justify-content:center;height:100vh;background:#fff;color:#111}
.placeholder-card{max-width:520px;padding:18px;border-radius:12px;text-align:center;box-shadow:0 12px 36px rgba(0,0,0,0.06)}
.placeholder-card img{width:72px;height:72px;border-radius:12px;margin-bottom:12px}
.placeholder-card h1{font-size:18px;margin:0 0 6px}
.placeholder-card p{margin:0;color:#444}
.offline-links a{color:var(--accent);text-decoration:underline}