#app,body,html{height:100%;margin:0}.demo-layout{position:relative;width:100%;height:100vh;overflow:hidden}.demo-layout__stage{position:absolute;inset:0;overflow:hidden}.demo-root-mount{width:100%;height:100%;overflow:hidden;box-sizing:border-box}.demo-toolbar{position:absolute;top:.5rem;left:.75rem;z-index:100000;width:-moz-max-content;width:max-content;max-width:calc(100% - 1.5rem);pointer-events:auto}.demo-layout:has(.canos-menu-bar) .demo-toolbar{top:calc(var(--canos-menubar-height, 28px) + 1rem)}.demo-root{position:relative;height:100vh;color:var(--canos-window-text,#1d1d1f);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.demo-canvas,.demo-stage{position:absolute;inset:0}.demo-stage:has(.canos-menu-bar) .demo-canvas{top:var(--canos-menubar-height,28px)}.demo-wallpaper-gradient{position:absolute;inset:0;overflow:hidden;background:#070b14}.demo-wallpaper-gradient:after,.demo-wallpaper-gradient:before{content:"";position:absolute;inset:0;pointer-events:none}.demo-wallpaper--finance{background:radial-gradient(ellipse 90% 55% at 12% 18%,rgba(34,197,94,.28) 0,transparent 52%),radial-gradient(ellipse 70% 45% at 88% 78%,rgba(16,185,129,.2) 0,transparent 48%),radial-gradient(ellipse 50% 35% at 72% 12%,rgba(250,204,21,.1) 0,transparent 42%),linear-gradient(155deg,#010503,#041a0f 38%,#0a3220 58%,#020806)}.demo-wallpaper--finance:before{background-image:repeating-linear-gradient(90deg,rgba(34,197,94,.045),rgba(34,197,94,.045) 1px,transparent 0,transparent 72px),repeating-linear-gradient(0deg,rgba(34,197,94,.035),rgba(34,197,94,.035) 1px,transparent 0,transparent 72px);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 78%)}.demo-wallpaper--finance:after{background:radial-gradient(circle at 18% 82%,rgba(250,204,21,.14) 0,transparent 28%),radial-gradient(circle at 92% 22%,rgba(52,211,153,.12) 0,transparent 32%);animation:demo-wallpaper-drift 28s ease-in-out infinite alternate}.demo-wallpaper--analytics{background:radial-gradient(ellipse 75% 55% at 25% 30%,rgba(168,85,247,.26) 0,transparent 52%),radial-gradient(ellipse 60% 50% at 82% 68%,rgba(236,72,153,.2) 0,transparent 50%),radial-gradient(ellipse 45% 35% at 55% 12%,rgba(129,140,248,.15) 0,transparent 45%),linear-gradient(160deg,#08040f,#150a24 40%,#2a1248 58%,#0a0614)}.demo-wallpaper--analytics:before{background-image:radial-gradient(circle at center,rgba(192,132,252,.07) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 15%,transparent 72%)}.demo-wallpaper--analytics:after{background:radial-gradient(circle at 30% 60%,rgba(236,72,153,.12) 0,transparent 35%),radial-gradient(circle at 75% 35%,rgba(139,92,246,.14) 0,transparent 38%);animation:demo-wallpaper-pulse 18s ease-in-out infinite}.demo-wallpaper--workspace{background-color:#14120e;background-image:linear-gradient(#0a08061f,#0a08061f),url(../bg-pattern-1.jpg);background-size:512px;background-position:50%;background-repeat:repeat}.demo-wallpaper--workspace:after,.demo-wallpaper--workspace:before{display:none}@keyframes demo-wallpaper-drift{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(2%,-1.5%) scale(1.04);opacity:1}}@keyframes demo-wallpaper-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.demo-wallpaper--analytics:after,.demo-wallpaper--finance:after{animation:none}}.demo-window-content{padding:1.25rem;line-height:1.5;color:inherit}.demo-window-content code{padding:.1rem .3rem;border-radius:4px;background:var(--canos-window-border,rgba(0,0,0,.08));font-size:.85em}