html,body{max-width:100%;overflow-x:clip}.hammry-demo-bar{position:relative;z-index:10000;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(14px,3vw,38px);background:#0b0818;color:#f6f1e8;border-bottom:1px solid rgba(255,255,255,.2);font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.hammry-demo-bar span{display:grid;gap:2px}.hammry-demo-bar strong{color:#c9ff37;text-transform:uppercase}.hammry-demo-bar small{color:rgba(246,241,232,.72);font:500 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.hammry-demo-bar a{display:inline-flex;align-items:center;gap:8px;color:#f6f1e8;text-decoration:none;white-space:nowrap}.hammry-demo-bar a:hover,.hammry-demo-bar a:focus-visible{color:#c9ff37}.hammry-demo-frame-placeholder{margin:18px 0;padding:22px;border:1px solid currentColor;background:rgba(0,0,0,.06);font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.hammry-demo-toast{position:fixed;z-index:10001;right:18px;bottom:18px;max-width:min(390px,calc(100vw - 36px));padding:14px 16px;background:#0b0818;color:#f6f1e8;border:1px solid #c9ff37;box-shadow:0 16px 48px rgba(0,0,0,.28);font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.hammry-demo-toast.is-visible{opacity:1;transform:none}@media(max-width:640px){.hammry-demo-bar{align-items:flex-start;flex-direction:column;gap:7px}.hammry-demo-bar a{font-size:11px}}@media(prefers-reduced-motion:reduce){.hammry-demo-toast{transition:none}}