.demo-bar{position:sticky;top:0;z-index:500;background:#49313e;color:white;padding:12px 16px;font:15px/1.6 system-ui;box-shadow:0 3px 12px #0002}.demo-bar strong{display:block}.demo-bar nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.demo-bar a,.demo-bar button{display:inline-block;padding:7px 12px;background:#fff;color:#653c51;border:0;border-radius:8px;text-decoration:none;font:inherit;cursor:pointer;min-height:40px}.demo-bar p{margin:4px 0}.demo-hint{background:#f7e9ee;padding:12px;border-radius:10px;margin:10px 0}.demo-home{max-width:850px;margin:40px auto;padding:20px;font:18px/1.8 system-ui;color:#49313e}.demo-home h1{font-size:clamp(26px,5vw,42px)}.demo-home a{display:block;padding:22px;background:white;border:1px solid #dbc3ce;border-radius:16px;margin:16px 0;text-decoration:none;color:#793f5a}.demo-home small{display:block}body{margin:0}.demo-bar button{width:auto}@media(max-width:500px){.demo-bar{font-size:13px;padding:9px}.demo-bar a,.demo-bar button{padding:6px 9px}}