:root { --ssai-toolbar-h: 48px; }
/* v0.2.2 debug: CSS loaded */
html, body { height: 100%; }
body { margin: 0; padding: 0 !important; background: #0b0d11; }
/* Admin bar offset */
.admin-bar .ssai-toolbar{ top: 32px; }
@media (max-width: 782px){ .admin-bar .ssai-toolbar{ top: 46px; } }
/* Hide theme chrome */
.wp-site-blocks, .wp-block-post-content, .wp-block-template-part, header, footer, .wp-block-post-title { display: none !important; }
/* Toolbar */
.ssai-toolbar{
  position:fixed; left:0; width:100%; top:0;
  min-height:var(--ssai-toolbar-h);
  z-index:10000; background:#0f1115; color:#fff;
  display:flex; align-items:center; justify-content:flex-end;
  padding:0 40px; /* inset from right edge */
  font:500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.ssai-credit{opacity:.85;font-weight:600;white-space:nowrap}
.ssai-toolbar a{color:#fff;text-decoration:none;opacity:.95}
.ssai-toolbar a:hover{text-decoration:underline;opacity:1}
/* Nav row */
.ssai-nav{display:flex; gap:16px; align-items:center;}
.ssai-menu-btn{display:none; margin-left:auto; background:transparent; border:0; color:#fff; font-size:20px; line-height:1;}
/* Iframe */
.ssai-app-frame{ position:fixed; left:0; right:0; bottom:0; top:var(--ssai-toolbar-h); }
.admin-bar .ssai-app-frame{ top: calc(var(--ssai-toolbar-h) + 32px); }
@media (max-width: 782px){ .admin-bar .ssai-app-frame{ top: calc(var(--ssai-toolbar-h) + 46px); } }
.ssai-app-frame iframe{ width:100%; height:100%; border:0; display:block; background:#111; }
/* Narrow screens */
@media (max-width: 900px){
  :root{ --ssai-toolbar-h: 56px; }
  .ssai-menu-btn{ display:inline-block; }
  .ssai-nav{
    display:none;
    position:absolute; top:100%; right:12px;
    background:#12151c; border:1px solid rgba(255,255,255,.08);
    padding:10px 12px; border-radius:10px;
    box-shadow:0 10px 24px rgba(0,0,0,.35);
    flex-direction:column; gap:10px; min-width:180px;
  }
  .ssai-nav a{ display:block; }
  .ssai-nav.is-open{ display:flex; }
}