:root{color-scheme:light;--page: #ffffff;--ink: #5d5d5d;--icon: #7f7f7f;--hair: #e5e5e5;--dot: #ececec;--card: #fcfcfc;--card-line: #dcdcdc;--string: #288034;--hot: #4a4a4a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--page);color:var(--ink)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #5d5d5d;outline-offset:3px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 28px;background:radial-gradient(circle,var(--dot) 1.05px,transparent 1.2px) 0 0 / 16px 16px,var(--page)}.gallery,.source{position:absolute;top:16px;z-index:8;color:#1a1a1a;font-size:13px;line-height:16px;font-weight:600;text-decoration:none;border-bottom:1px solid #1a1a1a}.gallery{left:22px}.source{right:22px}.frame{position:relative}.stage{width:1098px;height:1281px;position:relative;overflow:hidden;transform-origin:top left;background:var(--page)}.grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--dot) 1.05px,transparent 1.2px);background-size:16px 16px;background-position:2px 4px}.summary{position:absolute;top:207px;left:156px;width:802px;height:42px;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:20px;color:var(--ink);z-index:2}.summary-ico{width:42px;height:42px;display:grid;place-items:center;color:var(--ink)}.summary-ico svg{width:42px;height:42px}.summary-copy{font-size:32px;line-height:40px;font-weight:500;letter-spacing:-.018em;text-align:left;white-space:nowrap}.summary-chev{width:28px;height:28px;display:grid;place-items:center;color:var(--ink);justify-self:end;transition:transform .16s ease}.summary-chev svg{width:26px;height:26px}.summary:not(.is-open) .summary-chev{transform:rotate(-90deg)}.timeline{list-style:none;margin:0;padding:0;position:absolute;top:302px;left:158px;width:940px;z-index:2}.timeline:before{content:"";position:absolute;left:18px;top:16px;bottom:18px;width:1.5px;background:var(--hair);z-index:0;pointer-events:none}.step{position:relative;min-height:37px;margin:0 0 54px;z-index:1}.step:last-child{margin-bottom:0}.step.has-json{margin-bottom:0}.row{display:flex;align-items:center;gap:24px;min-height:37px;width:100%;text-align:left;position:relative;z-index:1}.node{flex:none;display:grid;place-items:center;color:var(--icon);background:var(--page);position:relative;z-index:1}.node.square{width:34px;height:34px;margin-left:2px}.node.circle{width:38px;height:38px}.node svg{width:100%;height:100%}.label{font-size:32px;line-height:40px;font-weight:500;letter-spacing:-.018em;color:var(--ink)}.step.is-hot .node,.step.is-on .node{color:var(--hot)}.step.is-on .label{color:#3a3a3a}.json{position:relative;margin:0 0 40px;z-index:2}.json-card{display:block;width:1011px;margin:41px 0 0 -16px;padding:41px 40px 52px;background:var(--card);border:1.5px solid var(--card-line);border-radius:32px;text-align:left;position:relative;z-index:2}.json-kicker{display:block;font-size:26px;line-height:32px;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:0 0 48px}.json-body{margin:0;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;line-height:48px;font-weight:400;letter-spacing:-.01em;color:var(--ink);white-space:pre}.json-body .k,.json-body .p{color:var(--ink)}.json-body .s{color:var(--string)}@media(prefers-reduced-motion:reduce){.summary-chev{transition:none}}@media(max-width:720px){.gallery,.source{font-size:12px}}