.demo-app{--demo-height:660px;z-index:4;text-align:left;color:#17191c;background:#fff;border:1px solid #ffffffe6;border-radius:16px;scroll-margin-top:95px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 30px 65px -32px #668bc570}.demo-bar{background:#f1f7fc;border-bottom:1px solid #e1e9ed;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 18px;display:flex}.demo-bar-lead{align-items:center;gap:14px;min-width:0;display:flex}.demo-bar-title{letter-spacing:.1em;text-transform:uppercase;color:#5c5f64;white-space:nowrap;font-size:11px}.demo-shell{height:var(--demo-height);grid-template-columns:212px minmax(0,1fr);display:grid}.demo-sidebar{min-width:0}.demo-mobile-nav{display:none}.demo-workspace{overscroll-behavior:contain;min-width:0;overflow:auto}.demo-page{align-content:start;gap:20px;padding:20px 24px 28px;display:grid}.demo-app.is-fullscreen{--demo-height:calc(100dvh - 45px);z-index:90;box-shadow:none;border:0;border-radius:0;position:fixed;inset:0}@media (width<=900px){.demo-app{--demo-height:620px}.demo-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.demo-sidebar{display:none}.demo-mobile-nav{scrollbar-width:none;background:#fbfcfe;border-bottom:1px solid #e1e9ed;gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.demo-mobile-nav::-webkit-scrollbar{display:none}.demo-page{gap:16px;padding:16px 14px 22px}}