.nav-links .demo-link{display:flex;align-items:center;gap:7px;color:#fff}.demo-link span{width:6px;height:6px;border-radius:50%;background:#6cdbb8;box-shadow:0 0 0 4px #6cdbb819;animation:demoPulse 1.8s infinite}@keyframes demoPulse{50%{box-shadow:0 0 0 7px #6cdbb800}}.demo-banner{height:36px;background:#f3c86e;color:#3e3117;display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;position:fixed;inset:0 0 auto;z-index:60}.demo-banner span{font-weight:800;display:flex;align-items:center;gap:7px}.demo-banner span i{width:6px;height:6px;background:#7a5b1d;border-radius:50%;box-shadow:0 0 0 3px #7a5b1d20}.demo-banner p{margin:0;color:#6e5829}.demo-banner a{font-weight:800;border-left:1px solid #b4934c;padding-left:15px}.demo-mode .sidebar{top:36px}.demo-mode .topbar{top:36px}.demo-mode .shell{padding-top:36px}.toast.warning{background:#fff5df;border-color:#efd9a7;color:#86621c}@media(max-width:640px){.demo-banner{height:38px;justify-content:space-between;padding:0 12px}.demo-banner p{display:none}.demo-banner a{font-size:9px}.demo-mode .sidebar{top:38px}.demo-mode .topbar{top:38px}.demo-mode .shell{padding-top:38px}}