html,body{max-width:100%;overflow-x:hidden}
.wen-demo-bar{position:fixed;top:0;left:0;right:0;height:48px;z-index:1000;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(9,11,14,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);font-family:Inter,Arial,sans-serif;color:#f5f6f7}
.wen-demo-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.13em;text-decoration:none;color:inherit}
.wen-demo-brand i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#8cffc1,#8ea8ff);color:#08100d;font-style:normal;font-size:11px;letter-spacing:0}
.wen-demo-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.wen-demo-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;color:#f5f6f7;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.wen-demo-actions a:last-child{background:#f5f6f7;color:#0a0b0e;border-color:#f5f6f7}
.has-wenbar>header{top:48px!important}
.has-wenbar main{padding-top:48px}
@media(max-width:640px){
  .wen-demo-bar{height:46px;padding:0 10px;gap:8px}
  .wen-demo-brand span{display:none}
  .wen-demo-actions{gap:6px}
  .wen-demo-actions a{padding:7px 9px;font-size:10px}
  .has-wenbar>header{top:46px!important}
  .has-wenbar main{padding-top:46px}
}

@media(pointer:coarse){body{touch-action:pan-y pinch-zoom}}