body{margin:0;background:#f5f5f5;color:#262626;font:14px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.demo__bar{position:sticky;top:0;z-index:2000;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 24px;border-bottom:1px solid #e5e5e5;background:#fff}.demo__bar h1{margin:0 12px 0 0;font-size:16px}.demo__seg{display:flex;align-items:center;gap:4px;margin:0;padding:0;border:0}.demo__seg legend{float:left;margin-right:6px;color:#737373}.demo__seg button{padding:4px 10px;border:1px solid #d4d4d4;border-radius:6px;background:#fff;color:inherit;font:inherit;cursor:pointer}.demo__seg button[aria-pressed=true]{border-color:#0a0a0a;background:#0a0a0a;color:#fff}.demo__grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:24px}.demo__cell{padding:16px;border-radius:12px;background:#fff}.demo__kit{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600}.demo__kit>span{padding:0 6px;border-radius:4px;background:#f0f0f0;color:#737373;font-size:11px;font-weight:400}.demo__grid--single{justify-content:safe center}