:root{color:#252b32;font-synthesis:none;background:#f5f3ee;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #b76c35}button,a{color:inherit}.app-shell{max-width:1500px;margin:auto;padding:0 56px}.masthead{border-bottom:1px solid #deddd7;justify-content:space-between;align-items:center;height:106px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:14px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.brand-mark{letter-spacing:-4px;border:1px solid #c4c6bd;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:38px;font-style:italic;display:flex;position:relative}.brand-mark>span{align-self:flex-start;margin-top:6px;margin-left:3px;font-family:Arial,sans-serif;font-size:16px;font-style:normal}.brand-sub{letter-spacing:1.3px;color:#7b7f7a;margin-top:7px;font-size:9px;font-weight:500;display:block}.environment{letter-spacing:1.4px;color:#657366;align-items:center;gap:8px;font-size:9px;display:flex}.status-dot{background:#729c86;border-radius:50%;width:6px;height:6px;display:inline-block}.version{color:#95988d;border-left:1px solid #d5d7ce;margin-left:12px;padding-left:17px}.page-heading{justify-content:space-between;align-items:center;padding:48px 0 36px;display:flex}.eyebrow{letter-spacing:2px;color:#8f735d;margin:0 0 14px;font-size:10px;font-weight:650}h1{letter-spacing:-2px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:400;line-height:1.1}h1>span{color:#ac6b41}.intro{color:#777b77;margin:14px 0 0;font-size:15px}.scope-note{color:#83877f;align-items:center;gap:18px;display:flex}.scope-note>span{color:#a9aca2;font-family:Georgia,serif;font-size:30px}.scope-note p{border-left:1px solid #d6d8cd;margin:0;padding-left:18px;font-size:11px;line-height:1.9}.workspace{background:#fafbf7;border:1px solid #dbded4;border-radius:14px;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 8px 30px #26302704}.experiment{padding:28px 32px 26px}.section-top{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{letter-spacing:-.1px;margin:0;font-size:13px;font-weight:650}.tiny-label,.live-label{letter-spacing:1.3px;color:#93988d;font-size:8px;font-weight:600}.live-label{color:#6c8b74;align-items:center;gap:7px;display:flex}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 22px;display:grid}.mode-switch button{text-align:left;background:0 0;border:1px solid #dce0d6;border-radius:8px;align-items:center;gap:10px;min-height:68px;padding:14px 12px;display:flex}.mode-switch button.selected{background:#edf1e8;border-color:#899b85;box-shadow:inset 0 0 0 1px #899b851a}.mode-index{color:#adb4a2;font-family:Georgia,serif;font-size:18px}.selected .mode-index{color:#6b8263}.mode-switch button>span:nth-child(2){font-size:11px;font-weight:600;line-height:1.3}.mode-switch small{color:#838c7b;margin-top:5px;font-size:9px;font-weight:400;display:block}.radio{border:1px solid #c6cbbf;border-radius:50%;width:11px;min-width:11px;height:11px;margin-left:auto}.selected .radio{background:#6c8263;border:3px solid #edf1e8;box-shadow:0 0 0 1px #6c8263}.flow-card{background:#fff;border:1px solid #e2e5dc;border-radius:10px;min-height:416px}.live-flow{margin-top:24px}.progress{border-bottom:1px solid #eff0eb;justify-content:space-between;margin:0;padding:21px 25px;list-style:none;display:flex}.progress li{color:#a0a59a;align-items:center;gap:7px;font-size:9px;display:flex}.progress li>span{border:1px solid #e8ebe2;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:8px;display:flex}.progress li.current{color:#455b3b;font-weight:650}.progress li.current>span{background:#eaf0e4;border-color:#d1dcc7}.progress li.visited>span{color:#739164;background:#f0f4eb;border-color:#f0f4eb}.flow-content{padding:28px 30px 30px}.flow-icon{color:#718563;background:#f7f9f3;border:1px solid #e3e7dc;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:18px;font-size:21px;display:flex}.flow-content h3{letter-spacing:-.7px;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.flow-content p{color:#81877c;max-width:350px;margin:0 0 22px;font-size:11px;line-height:1.8}.flow-content label{color:#68715f;margin-bottom:9px;font-size:10px;font-weight:600;display:block}.flow-content input{color:#2f392c;background:#fdfefb;border:1px solid #d9dfd1;border-radius:6px;width:100%;min-height:43px;padding:12px 13px;font-size:12px}.flow-content input::placeholder{color:#a2aa98}.primary{color:#fff;background:#283d30;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:43px;margin-top:13px;padding:13px 15px;font-size:11px;display:flex}.primary:hover:not(:disabled){background:#3b5442}.primary>span{color:#bed0b8;font-size:17px}.tradeoff{gap:11px;margin-top:20px;padding:0 3px;display:flex}.note-symbol{color:#a3885c;border:1px solid #c5b394;border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;margin-top:3px;font-family:Georgia,serif;font-size:10px;display:flex}.tradeoff p{color:#91917f;margin:0;font-size:10px;line-height:1.8}.tradeoff strong{color:#7c7f69;margin-bottom:2px;font-weight:600;display:block}.inspector{background:#f0f2eb;border-left:1px solid #dbded4;padding:28px 30px}.inspector-intro{color:#87907f;margin:12px 0 24px;font-size:11px}.boundary-map>div{background:#fafbf7;border:1px solid #d7ddcf;border-radius:7px;min-height:57px;padding:12px 14px 12px 47px;position:relative}.node-number{color:#7b8a6b;border:1px solid #d3dbca;border-radius:4px;justify-content:center;align-items:center;width:20px;height:22px;font-size:10px;display:flex;position:absolute;top:15px;left:14px}.boundary-map strong{font-size:11px;font-weight:600;display:block}.boundary-map small{color:#909984;margin-top:4px;font-size:9px;display:block}.map-arrow{color:#99a58d;justify-content:flex-start;align-items:center;gap:15px;padding:6px 0 6px 23px;font-size:18px;display:flex}.map-arrow small{letter-spacing:.3px;margin:0;font-size:8px}.boundary-map .private-node{background:#e6ebde;border-style:dashed}.private-node .node-number{border-color:#bdc9b0}.lock-label{letter-spacing:.8px;color:#78856a;background:#dbe3d2;border-radius:4px;padding:5px;font-size:7px;position:absolute;top:16px;right:12px}.response-heading{letter-spacing:1px;color:#869077;justify-content:space-between;margin:27px 0 10px;font-size:8px;font-weight:600;display:flex}.http-ok{color:#76925f}.http-error{color:#b07656}.response-box{color:#c1d1bf;scrollbar-color:#57725b #1e2823;overflow-wrap:anywhere;background:#1e2823;border-radius:8px;min-height:174px;max-height:320px;padding:17px 19px;overflow:auto}.empty-response{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex}.empty-response>span{color:#637a65;font:24px Georgia,serif}.empty-response p{color:#7d9480;margin-bottom:0;font-size:10px;line-height:1.9}.response-box pre{white-space:pre-wrap;word-break:break-word;margin:7px 0 15px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8}.request-line{color:#d3dfc9;border-bottom:1px solid #344336;margin-bottom:13px;padding-bottom:12px;font-family:monospace;font-size:10px}.json-label{letter-spacing:1.5px;color:#829780;font-size:7px}.private-checklist{margin-top:23px}.private-checklist>p{letter-spacing:1.2px;color:#909882;margin:0 0 12px;font-size:8px}.private-checklist>div{color:#7a876e;gap:8px;margin-top:9px;font-size:10px;display:flex}.private-checklist>div>span{color:#8ea47d}.fixtures{border-top:1px solid #dddfd5;grid-template-columns:230px 1fr;align-items:start;gap:24px;margin:32px 0 34px;padding:23px 0 0;display:grid}.fixtures h2{letter-spacing:-.4px;font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.4}.fixtures p{color:#919485;margin-top:9px;font-size:10px;line-height:1.7}.fixture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fixture-grid button{text-align:left;background:0 0;border:1px solid #dde0d4;border-radius:6px;min-height:51px;padding:10px 12px}.fixture-grid button:hover:not(:disabled){background:#e9eddf;border-color:#a6b298}.fixture-grid strong{justify-content:space-between;font-family:monospace;font-size:10px;font-weight:500;display:flex}.fixture-grid strong span{color:#a6b198}.fixture-grid small{color:#929a86;margin-top:5px;font-size:9px;display:block}.method-list{gap:8px;display:grid}.method-list button{text-align:left;background:#fafcf7;border:1px solid #dce2d4;border-radius:7px;align-items:center;gap:12px;min-height:44px;padding:12px;font-size:11px;display:flex}.method-list button:hover:not(:disabled){background:#eaf1e3}.method-symbol{color:#7d926c;text-align:center;width:18px;font-size:15px}.method-arrow{color:#8c9a7e;margin-left:auto}.flow-content .error{color:#9b5c3c;background:#fff3ec;border:1px solid #f0d7c8;border-radius:5px;max-width:none;margin:16px 0 0;padding:9px 12px}.text-button{color:#7d8871;background:0 0;border:0;margin-top:19px;padding:0;font-size:10px}.demo-code{background:#f2f5ed;border:1px dashed #ced9c2;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 13px;display:flex}.demo-code span{letter-spacing:1px;color:#839573;font-size:8px}.demo-code strong{letter-spacing:3px;color:#607a50;font-family:monospace;font-size:16px}.session-details{gap:7px;margin:24px 0;display:grid}.session-details span{letter-spacing:1px;color:#98a28b;margin-top:7px;font-size:8px}.session-details strong{color:#607054;font-size:12px;font-weight:500}.provider-note{color:#7e8d71;background:#f3f6ed;border:1px dashed #cfdbc0;border-radius:7px;padding:14px;font-size:11px;line-height:1.8}.success{color:#637d50;background:#e8f1df}footer{color:#a1a493;letter-spacing:1.1px;border-top:1px solid #dddfd5;justify-content:space-between;gap:20px;padding:22px 0 26px;font-size:8px;display:flex}.footer-divider{color:#b8bdac;padding:0 10px}footer>span:last-child{letter-spacing:.4px}@media (width>=1400px){.app-shell{padding:0 76px}.experiment,.inspector{padding:32px 40px}.flow-content{padding:32px 38px}}@media (width<=1050px){.app-shell{padding:0 28px}.experiment,.inspector{padding:24px 20px}.scope-note{display:none}.mode-switch{gap:6px}.mode-switch button{gap:7px;padding:12px 8px}.mode-switch button>span:nth-child(2){font-size:10px}.mode-index{font-size:15px}.flow-content{padding:25px 22px}.lock-label{margin-top:7px;display:inline-block;position:static}.fixtures{grid-template-columns:190px 1fr}.progress{padding:18px}.progress li{gap:4px;font-size:8px}}@media (width<=740px){.app-shell{padding:0 20px}.masthead{height:80px}.brand{letter-spacing:1px;gap:10px;font-size:10px}.brand-sub{letter-spacing:.8px;font-size:7px}.brand-mark{border-radius:9px;width:37px;height:37px;font-size:30px}.brand-mark>span{font-size:12px}.environment{letter-spacing:.7px;font-size:7px}.version{display:none}.page-heading{padding:32px 0 25px}h1{font-size:40px}.eyebrow{font-size:8px}.intro{font-size:12px}.workspace{grid-template-columns:1fr}.inspector{border-top:1px solid #dbded4;border-left:0}.experiment{padding:23px 18px}.inspector{padding:24px 22px}.mode-switch button{gap:8px;padding:12px 9px}.mode-switch button>span:nth-child(2){font-size:10px}.flow-content h3{font-size:25px}.fixtures{grid-template-columns:1fr;gap:15px;margin-top:26px}.fixture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fixture-grid button{padding:10px 8px}.fixture-grid strong{font-size:9px}.fixture-grid small{font-size:8px}.fixtures p{margin:6px 0 0}.fixtures h2{font-size:21px}.lock-label{margin:0;position:absolute;top:16px;right:12px}footer{flex-direction:column;gap:10px;line-height:1.7}.response-box{max-height:300px}}@media (prefers-reduced-motion:no-preference){button{transition:background .16s,border-color .16s}.flow-content{animation:.2s ease-out appear}@keyframes appear{0%{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}.live-fixtures{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=740px){.live-fixtures{grid-template-columns:repeat(2,minmax(0,1fr))}}.flow-content select{color:#141b2a;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #c9ced8;border-radius:8px;margin:8px 0 20px;padding:10px 14px}
