:root{--mcs-chrome-bg: #0f172a;--mcs-chrome-text: #e2e8f0;--mcs-chrome-accent: #60a5fa;--mcs-chrome-cta: #2563eb;--mcs-chrome-bar-height: 52px}body.mcs-demo-page{margin:0;padding-top:var(--mcs-chrome-bar-height)}.mcs-demo-bar{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--mcs-chrome-bar-height);display:flex;align-items:center;gap:16px;padding:0 20px;box-sizing:border-box;background:var(--mcs-chrome-bg);color:var(--mcs-chrome-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.3}.mcs-demo-bar__badge{flex-shrink:0;padding:3px 9px;border:1px solid rgba(226,232,240,.35);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1;white-space:nowrap}.mcs-demo-bar__text{flex:1;min-width:0;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcs-demo-bar__text strong{color:var(--mcs-chrome-text);font-weight:600}.mcs-demo-bar__link{flex-shrink:0;color:#94a3b8;text-decoration:none;white-space:nowrap}.mcs-demo-bar__link:hover{color:var(--mcs-chrome-text)}.mcs-demo-bar__cta{flex-shrink:0;padding:7px 14px;border-radius:8px;background:var(--mcs-chrome-cta);color:#fff;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s ease}.mcs-demo-bar__cta:hover{background:#1d4ed8}.mcs-demo-bar a:focus-visible{outline:2px solid var(--mcs-chrome-accent);outline-offset:2px;border-radius:6px}@media(max-width:720px){.mcs-demo-bar__text span,.mcs-demo-bar__link{display:none}}.mcs-demo-annotation{position:relative;border:2px dashed rgba(37,99,235,.45);border-radius:12px;padding:20px;margin-top:34px}.mcs-demo-annotation__tag{position:absolute;top:-13px;left:18px;display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:var(--mcs-chrome-bg);color:var(--mcs-chrome-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mcs-demo-annotation__dot{width:7px;height:7px;border-radius:999px;background:#4ade80;animation:mcs-demo-pulse 2s ease-in-out infinite}@keyframes mcs-demo-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.mcs-demo-annotation__dot{animation:none}}.mcs-demo-annotation__note{margin:10px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#64748b;text-align:right}.mcs-demo-annotation__note a{color:#2563eb;font-weight:600;text-decoration:none}.mcs-demo-annotation__note a:hover{text-decoration:underline}.mcs-demo-disclaimer{padding:14px 20px;background:var(--mcs-chrome-bg);color:#94a3b8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;text-align:center}.mcs-demo-disclaimer a{color:var(--mcs-chrome-accent);text-decoration:none}.mcs-demo-disclaimer a:hover{text-decoration:underline}