*{box-sizing:border-box}html,body{margin:0;padding:0}#root{min-height:100vh}.demo-nav{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;background:#2e2a26;border-bottom:1px solid #3a352c;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:13px}.demo-nav a{color:#cfc7b6;text-decoration:none;padding:4px 9px;border-radius:6px;font-weight:600}.demo-nav a:hover{background:#3a352c;color:#fff}.demo-nav a.active{background:#e7b85c;color:#2e2a26}.demo-nav .brand{font-family:Anton,sans-serif;color:#e7b85c;letter-spacing:.5px;margin-right:8px}