.build-demo-viewer{position:fixed;inset:0;display:flex;flex-direction:column;background:#111410;color:#f1efe8;font-family:var(--font-inter),sans-serif}.build-demo-bar{display:flex;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid #47523e;min-height:64px;flex-shrink:0}.build-demo-brand{font-family:var(--font-display),serif;font-size:18px;white-space:nowrap;line-height:1.05;text-decoration:none;color:inherit}.build-demo-brand span{color:#3ea648}.build-demo-label{flex:1;min-width:0}.build-demo-label h1{font-size:12px;line-height:1.3;font-weight:600;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.build-demo-label>span{font-size:10px;color:#b5bead}.build-demo-bar nav{display:flex;align-items:center;gap:14px;font-size:11px;flex-wrap:wrap}.build-demo-bar button,.build-demo-bar nav a{color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:6px 0;min-height:32px}.build-demo-bar button:hover,.build-demo-bar nav a:hover{text-decoration:underline;text-underline-offset:4px}.build-demo-bar :focus-visible{outline:2px solid #3ea648;outline-offset:4px}.build-demo-viewer>iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#faf7f2}.build-demo-viewer>iframe:fullscreen{width:100vw;height:100vh;background:#faf7f2}.build-demo-notice{padding:8px 20px;font-size:12px;background:#242b21;margin:0}@media(max-width:760px){.build-demo-bar{padding:10px 14px;gap:10px 18px;flex-wrap:wrap}.build-demo-brand{font-size:16px}.build-demo-label{text-align:right}.build-demo-bar nav{width:100%;justify-content:space-between;gap:12px;font-size:10px}}.build-demo-stage{position:relative;flex:1;min-height:0;display:flex}.build-demo-stage>iframe{flex:1;width:100%;height:100%;border:0}.build-demo-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#111410;pointer-events:none}.build-demo-loading img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.55)}.build-demo-loading p{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;padding:12px 18px;border-radius:999px;background:rgba(14,15,13,.85);color:#f4f1ea;font:600 14px/1 var(--font-inter),sans-serif;white-space:nowrap}.build-demo-loading p span{width:16px;height:16px;border-radius:50%;border:2px solid rgba(244,241,234,.3);border-top-color:#b8ef79;animation:build-demo-spin .8s linear infinite}@keyframes build-demo-spin{to{transform:rotate(1turn)}}.build-demo-stage>iframe{background:#faf7f2}.build-demo-stage>iframe:fullscreen{width:100vw;height:100vh}