.demo-page{color:#171717;background:#f2f2f4;min-height:100dvh;padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.demo-shell{width:min(720px,100%);margin:0 auto}.demo-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.demo-header h1{letter-spacing:-.03em;margin:0 0 6px;font-size:30px}.demo-header p,.demo-muted{color:#6e6e73;margin:0;font-size:14px;line-height:1.5}.demo-card{backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #00000014;border-radius:18px;padding:20px;box-shadow:0 12px 40px #00000012}.demo-meta{border-bottom:1px solid #e8e8ea;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;padding-bottom:18px;display:grid}.demo-state{align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.demo-state:before{content:"";background:#34c759;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #34c75924}.demo-token{color:#8e8e93;text-overflow:ellipsis;white-space:nowrap;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;overflow:hidden}.demo-actions{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px;display:grid}.demo-actions button,.demo-open{color:#171717;cursor:pointer;background:#ececef;border:0;border-radius:11px;min-height:42px;padding:0 14px;font:600 13px/1 Inter,sans-serif;transition:transform .1s ease-out,background .14s ease-out}.demo-actions button:hover{background:#e2e2e6}.demo-actions button:active,.demo-open:active{transform:scale(.97)}.demo-actions button:disabled{opacity:.5;cursor:default}.demo-open{color:#fff;background:#171717;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.demo-launches{gap:8px;display:flex}.demo-error{color:#c22;margin-top:14px;font-size:13px}@media (width<=620px){.demo-page{padding:20px}.demo-header{flex-direction:column;align-items:stretch}.demo-actions{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.demo-actions button,.demo-open{transition:none}}