.demo-bar{box-sizing:border-box;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:#fff8f0;color:#492e25;border-bottom:1px solid #e5cfc0;font:13px/1.5 sans-serif;flex-shrink:0}.demo-label{font-weight:700}.demo-bar nav{display:flex;gap:4px;flex-wrap:wrap}.demo-bar a,.demo-bar button,.demo-recovery a,.demo-recovery button{box-sizing:border-box;display:inline-block;padding:7px 11px;min-height:36px;border:1px solid #dec3b3;border-radius:5px;background:#fff;color:#633a2d;text-decoration:none;font:inherit;cursor:pointer}.demo-bar a[aria-current=page]{color:#fff;background:#8b1a1a;border-color:#8b1a1a}.demo-bar button:disabled{opacity:.6;cursor:wait}.demo-hint{margin-left:auto;font-size:12px}.demo-expired{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.demo-recovery{box-sizing:border-box;background:#fff8f0;color:#492e25;border-radius:10px;padding:24px;max-width:520px;margin:24px auto;font:16px/1.7 sans-serif}.demo-recovery a,.demo-recovery button{margin:12px 10px 0 0}@media (max-width: 600px){.demo-bar{padding:8px 12px;gap:6px}.demo-hint{width:100%;margin:0}.demo-label{width:100%}}