.demo-bar {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 28px;border-bottom:1px solid #cbd8de;background:#e8eff2;color:#203646;font-size:12px;}
.demo-bar strong {margin-right:12px;font-size:13px;}
.demo-bar nav {display:flex;align-items:center;gap:18px;flex-shrink:0;}
.demo-bar button {font-size:12px;min-height:32px;padding:5px 10px;}
.demo-credentials {background:#edf2f3;border:1px solid #dce4e7;border-radius:7px;padding:14px 16px;margin:18px 0;}
.demo-credentials h2 {font-size:15px;margin-top:0;}
.demo-credentials p {font-size:13px;margin:8px 0;}
.demo-guide {max-width:800px;}
.demo-guide h2 {margin-top:28px;}
.demo-guide li {margin:10px 0;}
@media(max-width:650px){.demo-bar {padding:10px 16px;flex-wrap:wrap;}.demo-bar span {display:block;margin-top:3px;}.demo-bar nav {width:100%;justify-content:space-between;}}
@media print {.demo-bar,.demo-credentials {display:none!important;}}