/* Uses the original, unmodified VENTRA artwork. The viewport hides its square canvas margins. */
.app-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-top:28px; padding:20px 0 0; border-top:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.5; }
.powered-by { display:inline-flex; align-items:center; gap:9px; color:var(--muted); white-space:nowrap; }
.powered-by strong { color:var(--ink); font-size:14px; font-weight:650; letter-spacing:-.04em; }
.ventra-wordmark { position:relative; display:inline-block; flex-shrink:0; overflow:hidden; width:104px; height:18px; vertical-align:middle; }
.ventra-wordmark img { display:block; position:absolute; width:126px; height:126px; max-width:none; left:-11px; top:-54px; }
.admin-shell,.shell { min-height:100dvh; display:flex; flex-direction:column; }
#admin-app,#app { flex:1; }
#admin-app { align-content:start; }
.admin-shell { padding-bottom:24px; }
.brand { letter-spacing:-.04em; font-size:21px; }
.embed-shell { width:min(100% - 24px, 720px); margin:0 auto; padding:14px 0 12px; }
.embed-brand-bar { margin-bottom:18px; }
.embed-body { background:#f7f9fc; }
.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.integration-actions { margin-top:12px; }
.code-block { margin-top:14px; padding:14px; overflow:auto; border:1px solid var(--line); border-radius:12px; background:#f7f9fc; color:var(--ink); font-size:12px; line-height:1.6; }
.code-block code { white-space:pre-wrap; overflow-wrap:anywhere; }
.embed-preview { height:300px; margin-top:18px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#f7f9fc; }
.embed-preview iframe { width:100%; height:100%; border:0; }
@media(max-width:760px) { .integration-grid { grid-template-columns:1fr; } }
@media(max-width:520px) { .brand { font-size:20px; } .app-footer { gap:12px; padding-top:18px; } }