.demo-banner{position:sticky;top:0;z-index:200;background:#201a2d;border-bottom:1px solid #c4abe74a;min-height:50px;display:flex;align-items:center;gap:18px;padding:10px 24px;font-size:12px;color:#e4d8f4}.demo-banner span{flex:1;font-size:11px}.demo-banner a:last-child{color:#e8d9ff}.demo-banner button{background:#ffffff0c;color:white;border:1px solid #ffffff20;border-radius:6px;padding:6px 12px;cursor:pointer}.demo-mode .sidebar{top:50px;height:calc(100dvh - 50px)}.demo-mode .topbar{top:50px}.demo-mode .local-status,.demo-mode .sidebar-note{display:none}@media(max-width:700px){.demo-banner{padding:10px 14px;gap:10px;flex-wrap:wrap}.demo-banner span{order:3;width:100%;flex-basis:100%;font-size:10px}.demo-banner a:last-child{margin-left:auto}.demo-mode .topbar{top:78px}.demo-mode .sidebar{top:78px;height:calc(100dvh - 78px)}}
.demo-embed .demo-banner,.demo-embed .sidebar,.demo-embed .topbar{display:none}.demo-embed #app>main{margin-left:0;width:100%}.demo-embed .content{padding:20px}.demo-embed .page-heading{margin-bottom:16px}.demo-embed .page-heading h1{font-size:24px}.demo-embed .page-heading p,.demo-embed .sample-notice,.demo-embed .analytics-filters{display:none}.demo-embed .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.demo-embed .metric strong{font-size:20px}.demo-embed .analytics-groups{grid-template-columns:1fr 1fr}
.demo-embed .page-heading .eyebrow{display:none}.demo-embed .page-heading{margin-bottom:10px}.demo-embed .stats-grid{margin-bottom:12px;gap:10px}.demo-embed .metric{padding:13px;min-height:90px}.demo-embed .metric small{display:none}.demo-embed .insight-panel{padding:16px}.demo-embed .insight-panel h2{font-size:17px;margin:0 0 6px}.demo-embed .insight-panel p{font-size:11px;margin-bottom:8px}.demo-embed .insight-line{height:180px;min-height:180px}.demo-embed .insight-panel .chart-extents{display:none}