.demo-mode-banner{z-index:1000;color:#fff;background:#a91522;align-items:center;gap:14px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 3px 15px #70000025}.demo-mode-banner>div{flex:1;gap:2px;display:grid}.demo-mode-banner strong{letter-spacing:.07em;font-size:14px}.demo-mode-banner span{font-size:13px}.demo-mode-banner button{color:#921624;background:#fff;border:1px solid #fff}.demo-mode-toggle{color:#fff;background:#a91522;margin-top:24px}html[data-demo=active] .sidebar,html[data-demo=active] .student-sidebar{background:linear-gradient(165deg,#8e1024,#be2435)!important}html[data-demo=active] .topbar,html[data-demo=active] .compact-toolbar,html[data-demo=active] .school-control-toolbar{background:#fff1f2!important;border-color:#da8490!important}html[data-demo=active] .app-shell{outline-offset:-4px;background:#fff7f7;outline:4px solid #bd2035}html[data-demo=active] .primary-btn{background:#ac1b30!important}html[data-demo=active] .altas-toolbar,html[data-demo=active] .workspace-context-bar{background:#fff0f1!important}html[data-demo=active]{--primary:#a91522;--ring:#c83145}@media (width<=600px){.demo-mode-banner{flex-wrap:wrap;gap:8px;padding:10px}.demo-mode-banner span{font-size:12px}.demo-mode-banner button{margin-left:auto}}@media print{.demo-mode-banner{position:static}.demo-mode-banner button{display:none}}