:root{font-family:Inter,Pretendard,system-ui,sans-serif;color:#172033;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.demo-page{display:grid;min-height:100vh;place-items:center;padding:24px}.demo-links{display:grid;width:min(100%,346px);gap:12px}.demo-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dbe4f0;border-radius:14px;color:#172033;background:#f8fafc;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.demo-link:hover{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb1a;transform:translateY(-2px)}.demo-link:focus-visible{outline:3px solid rgb(37 99 235 / 28%);outline-offset:2px}.demo-link-title{font-weight:800}.demo-link-description{color:#64748b;font-size:.875rem;white-space:nowrap}.demo-link.swagger .demo-link-title{color:#047857}.demo-link.grafana .demo-link-title{color:#c2410c}