@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--canvas:#f6f7f3;--surface:#fff;--ink:#232c29;--muted:#7f8782;--line:#e3e7e1;--teal:#287969;--mint:#e9f3ec;--orange:#bb603b;--dark:#202b27}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #78ae9b;outline-offset:3px}a,button{color:inherit}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.3;font-weight:550}h1>span{color:var(--teal)}h2{letter-spacing:-.5px;line-height:1.5}h2,h3{font-size:18px;font-weight:550}h3{letter-spacing:-.4px}small{display:block}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--dark);color:#c1ccc6;padding:33px 19px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand{font-size:27px;font-weight:650;color:#f5f8f4;display:flex;align-items:center;gap:9px;letter-spacing:-1px;padding:0 9px}.brand-dot{color:#8fd2b1;margin-left:-9px}.brand-mark{color:#a3d4b5;display:flex}.workspace{margin:35px 0 33px;border:1px solid #3d4942;border-radius:8px;padding:13px 10px;display:flex;align-items:center;gap:9px;font-size:11px;color:#eef1ed}.workspace-icon{display:grid;place-items:center;width:30px;height:32px;background:#3c4c43;border-radius:5px;color:#d6e9d7;font-size:14px}.workspace small{font-size:10px;color:#96a69c;margin-top:4px}.version{margin-left:auto;font-size:10px;color:#899c91}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#84998c;margin:0 13px 13px}.nav{display:flex;gap:11px;width:100%;align-items:center;border:0;background:none;color:#b8c5bc;text-align:left;padding:13px 12px;border-radius:5px;font-size:12px;margin:3px 0;transition:background .2s}.nav:hover{background:#2e3c33}.nav.active{background:#35483b;color:#e4f3e5}.nav.active svg{color:#a3d4b5}.nav-count{margin-left:auto;font-size:10px;background:#465447;border-radius:4px;padding:2px 5px}.sidebar-bottom{margin-top:auto}.lab-note{margin:60px 9px 25px;padding:19px 0;color:#95ad9c;border-top:1px solid #3b4940}.lab-note strong{display:block;font-size:12px;color:#ccd9cc;margin:12px 0 8px}.lab-note p{font-size:11px;line-height:1.8}.lab-note>span{font-size:8px;letter-spacing:1px;display:block;margin-top:17px;color:#8eaa96}.profile{border-top:1px solid #3b4940;padding:20px 4px;display:flex;gap:10px;align-items:center;font-size:10px}.profile>span{background:#d7dcc2;color:#364232;padding:9px 7px;border-radius:50%;font-size:10px}.profile small{color:#809589;margin-top:5px;font-size:9px}.profile>svg{margin-left:auto;color:#879e8e}.main-shell{margin-left:244px;width:calc(100% - 244px)}.topbar{height:70px;border-bottom:1px solid var(--line);background:#fff9;justify-content:space-between;padding:0 42px;font-size:11px;color:var(--muted)}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:13px}.breadcrumb span{color:#414e45}.top-actions{display:flex;align-items:center;gap:8px;font-size:10px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#aeb5b0;display:inline-block;flex-shrink:0}.connection-dot.online{background:#568b6a;box-shadow:0 0 0 3px #568b6a12}.local-tag{font-family:IBM Plex Mono,monospace;font-size:8px;border:1px solid var(--line);padding:4px 7px;border-radius:4px;letter-spacing:1px;margin-left:15px}main{padding:36px 42px 0;max-width:1480px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:var(--teal);display:block;margin-bottom:10px}.page-heading p{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:9px 14px;border-radius:5px;border:1px solid var(--line);font-size:11px;font-weight:550;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.secondary{background:#fff;color:#4e5d52}.button.primary{background:var(--teal);border-color:var(--teal);color:white}.button.primary:hover{background:#206657}.outcome-panel,.scenario-panel,.surface,.trace-panel,.workflow-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-top .eyebrow{margin-bottom:6px}.muted{color:var(--muted)}.small{font-size:11px}.workflow-panel{padding:22px 25px 0;overflow:hidden}.tag{display:inline-flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.3px;background:#f4f6f2;border:1px solid #e7eae4;border-radius:4px;padding:6px 8px;white-space:nowrap;color:#6c786c}.tag.orange{color:#aa643f;background:#fcf2e9;border-color:#f0e2d7}.tag.green{color:#34755c;background:#edf6ef;border-color:#dcebdc}.workflow-graph{display:flex;justify-content:center;margin:24px auto 22px;max-width:800px}.node-group{display:flex;align-items:center;flex:1 1}.node-group:last-child{flex:0.81 1}.service-node{border:1px solid #dde4dc;border-radius:7px;padding:15px 17px 0;flex:1 1;background:linear-gradient(#fff,#fbfcf9);min-width:0;transition:border-color .3s}.service-node.warning{border-color:#d5a57c}.service-node.error{border-color:#cc8b7b}.service-node.success{border-color:#97b89f}.node-top{display:flex;align-items:center;margin-bottom:13px;gap:10px}.node-icon{background:#f0f4ed;color:#5c7964;border:1px solid #e6ebdf;width:37px;height:37px;display:grid;place-items:center;border-radius:7px}.node-top .mono{margin-left:auto;font-size:9px;color:#99a593}.mono{font-family:IBM Plex Mono,monospace;font-size:11px}.service-node strong{display:block;font-size:13px;font-weight:550}.service-node small{font-size:10px;margin:5px 0 13px;color:#8b958b}.node-footer{border-top:1px solid #e9ede5;margin:0 -17px;padding:9px 17px;font-family:IBM Plex Mono,monospace;font-size:8px;color:#869483;display:flex;gap:10px}.node-footer span{color:#56806a}.node-connector{width:48px;display:flex;align-items:center;color:#a2b2a1}.node-connector>span{height:1px;flex:1 1;background:#cdd7ca}.node-light{width:6px;height:6px;border-radius:50%;background:#8c9e93}.node-light.success{background:#4f936c}.node-light.warning{background:#d4925a}.node-light.error{background:#bc715e}.workflow-bottom{margin:0 -25px;padding:12px 25px;background:#fafbf8;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:9px;color:#8b9687}.workflow-bottom>svg{color:#68836b}.divider-dot{margin:0 4px}.workflow-transport{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:8px}.studio-columns{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;margin-top:22px}.scenario-panel{padding:22px}.presets{display:flex;flex-direction:column;gap:7px;margin-top:20px}.preset{background:#fff;border:1px solid #e8ebe5;border-radius:6px;display:flex;align-items:center;text-align:left;gap:12px;padding:12px;width:100%;transition:background .2s,border-color .2s}.preset:hover{background:#f6f8f3}.preset.selected{border-color:#83ac93;background:#f0f6ee}.preset-number{font-family:IBM Plex Mono,monospace;font-size:10px;color:#939e8c}.preset.selected .preset-number{color:#568167}.preset strong{font-size:11px;font-weight:550}.preset small{font-size:9px;color:#8b9486;margin-top:4px}.radio-indicator{margin-left:auto;border:1px solid #cdd6c7;border-radius:50%;width:13px;height:13px;display:grid;place-items:center}.selected .radio-indicator{border-color:#55816a}.radio-indicator>span{width:5px;height:5px;border-radius:50%;background:#54836a}.scenario-description{padding-top:19px}.scenario-description .tag{font-size:7px}.scenario-description p{font-size:11px;line-height:1.75;color:#828976;margin:10px 0 18px}.control-label{display:block;font-size:10px;font-weight:550;margin-bottom:9px}.segmented{display:flex;background:#f2f4ef;border:1px solid #e7eae2;padding:3px;border-radius:5px}.segmented button{flex:1 1;background:none;border:0;border-radius:3px;padding:7px 3px;color:#929b89;font-size:10px}.segmented .chosen{background:white;color:#475d48;box-shadow:0 1px 3px #26321f12}.strategy-hint{color:#8a9481;font-size:9px;line-height:1.6;min-height:30px;margin:10px 0 16px}.run-button{width:100%;height:41px}.run-button>span{margin-left:auto;color:#a8cab6;font-size:14px}.trace-panel{display:flex;flex-direction:column;overflow:hidden}.trace-panel>.section-top{padding:22px;border-bottom:1px solid var(--line)}.trace-scroll{height:458px;overflow:auto;flex:1 1;min-height:350px;max-height:550px;background-image:radial-gradient(#dce3d855 .7px,transparent 0);background-size:13px 13px}.empty-trace{flex-direction:column;height:100%;min-height:400px;text-align:center;padding:20px}.empty-trace,.trace-art{display:flex;align-items:center;justify-content:center}.trace-art{margin-bottom:24px;gap:14px;color:#85a58c}.trace-art>svg{box-sizing:content-box;background:#f1f5ed;border:1px solid #e1e9d9;border-radius:13px;padding:18px;box-shadow:0 5px 16px #59764d06}.trace-art>span{height:1px;width:38px;background:#dce6d6}.empty-trace h3{font-size:18px}.empty-trace p{font-size:11px;color:#8d9985;line-height:1.9;margin-top:10px}.empty-steps{display:flex;align-items:center;gap:12px;margin-top:25px;font-family:IBM Plex Mono,monospace;font-size:7px;letter-spacing:1px;color:#9da892}.empty-steps>span{border:1px solid #e1e7db;padding:5px 7px;background:white;border-radius:3px}.trace-footer{min-height:43px;background:#fafbf8;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:IBM Plex Mono,monospace;font-size:8px;color:#8c9b82}.trace-footer button{border:0;background:none;margin-left:auto;display:flex;color:#66805e}.event-row{border:0;border-bottom:1px solid #edf0e8;background:#fffdf9aa;display:flex;width:100%;gap:11px;padding:13px 15px;text-align:left;align-items:flex-start}.event-row:hover{background:#f1f6ed}.event-time{font-family:IBM Plex Mono,monospace;font-size:8px;min-width:49px;color:#95a28a;padding-top:4px}.event-icon{display:grid;place-items:center;border:1px solid #e2e9da;color:#779468;border-radius:5px;padding:6px;background:#f6f8f1}.event-row.warning .event-icon{color:#b77741;background:#fcf1e4;border-color:#f1ddc4}.event-row.error .event-icon{color:#b36248;background:#fcf0e9;border-color:#eed9cc}.event-copy{flex:1 1;min-width:0}.event-copy strong{font-size:10px;font-weight:550}.event-copy small{font-size:9px;line-height:1.65;color:#839075;margin-top:4px;overflow-wrap:anywhere}.event-row>svg{color:#b8c1ad;margin-top:8px}.event-code{font-family:IBM Plex Mono,monospace;font-size:8px;color:#869577;padding-top:6px}.outcome-panel{margin-top:22px;padding:22px 25px 0}.checks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.check-item{display:flex;gap:10px;align-items:center}.check-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid #e2e8db;color:#b4bfa6;background:#fafbf7}.check-icon.passed{color:#397d57;border-color:#cbe1c8;background:#eaf5e6}.check-icon.failed{color:#b06642;border-color:#efd7c3;background:#fcf0e4}.check-item strong{font-size:9px;font-weight:550}.check-item small{font-size:8px;color:#929d86;margin-top:5px}.recovery-nudge{border-top:1px solid #e6ebdf;background:#fafcf7;margin:0 -25px;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 9px 9px;font-size:10px;color:#80936f}.recovery-nudge button,.recovery-nudge>span{display:flex;align-items:center;gap:8px}.recovery-nudge button{border:0;background:none;color:var(--teal);font-size:10px}.page-footer{padding:24px 0 26px;display:flex;justify-content:space-between;font-size:9px;color:#a4ad9a}.page-footer>span:first-child{display:flex;gap:5px;align-items:center;font-size:7px;letter-spacing:1px}.surface{padding:25px}.blank-state{padding:70px 20px;text-align:center;color:#93a083}.blank-state>svg{margin-bottom:20px}.blank-state h3{color:var(--ink)}.blank-state p{line-height:1.8;margin:13px 0 22px}.history-list{margin-top:22px}.history-row{display:flex;align-items:center;gap:18px;padding:19px 10px;border:0;border-top:1px solid var(--line);background:none;width:100%;text-align:left}.history-row:hover{background:#f5f8f0}.history-row>div{flex:1 1}.history-row strong{font-size:12px;font-weight:550}.history-row small{color:var(--muted);font-size:10px;margin-top:5px}.comparison-select{display:flex;gap:15px;align-items:center;margin-bottom:22px}.comparison-select label{font-size:11px}.comparison-select select{border:1px solid var(--line);padding:10px 35px 10px 12px;border-radius:5px;background:white;color:#49653c;font-size:12px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.big-result{margin:24px 0}.big-result>span{font-size:54px;letter-spacing:-2px;color:#a46c4a}.big-result.passed>span{color:var(--teal)}.big-result small{display:inline;font-size:28px;color:#abb4a0}.big-result p{font-size:11px;color:var(--muted)}.compare-check{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line);color:#7b925f;font-size:12px}.compare-check small{font-size:10px;color:var(--muted);margin-top:5px}.compare-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.compare-footer button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--teal)}.footnote{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.8}.connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.body-copy{font-size:12px;color:#7d8e70;line-height:1.9;margin:15px 0 22px}.connection-row{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.connection-row>div{flex:1 1}.connection-row strong{text-transform:capitalize;font-size:12px;font-weight:550}.connection-row small{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);margin-top:5px}.integration-state{display:flex;align-items:center;gap:12px;padding:20px;background:#f5f7f1;border:1px dashed #d9e0cf;border-radius:6px;margin-top:22px;color:#8e9c7c;font-size:12px}.guide-layout{display:grid;grid-template-columns:1fr 265px;gap:22px}.prose{padding:34px}.prose h2{font-size:25px}.prose h3{margin-top:30px;font-size:16px}.prose p{font-size:13px;line-height:1.95;color:#7b886e;margin-top:13px}.guide-aside{align-self:start}.guide-aside>svg{color:var(--teal);margin-bottom:17px}.guide-aside p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px}.guide-command{font-family:IBM Plex Mono,monospace;font-size:11px;padding:13px;background:#f3f6ed;border-radius:5px;margin:24px 0 10px;color:#4e693d}.guide-aside small{font-size:10px;line-height:1.8;color:var(--muted)}.error-banner{padding:15px 18px;background:#fff0e9;color:#a8563b;border:1px solid #efccba;border-radius:6px;margin-bottom:22px;font-size:12px;display:flex;align-items:center;gap:15px;line-height:1.7}.error-banner button{border:0;background:none;margin-left:auto;display:flex}.modal-backdrop{position:fixed;inset:0;background:#15271877;display:grid;place-items:center;z-index:20;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-modal{background:white;max-width:570px;width:100%;border-radius:12px;padding:35px;box-shadow:0 20px 90px #10251222;position:relative}.modal-close{position:absolute;right:16px;top:16px;border:0;background:none;color:#839575}.event-modal h2{font-size:24px;margin:16px 0}.event-modal p{font-size:13px;line-height:1.9;color:#7b8c6a}.event-modal dl{display:grid;grid-template-columns:100px 1fr;gap:13px;margin-top:25px;font-size:11px}.event-modal dt{color:#8b9a7b}.event-modal dd{margin:0;overflow-wrap:anywhere}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:1600px){main{padding-top:45px}.workflow-graph{max-width:920px}.studio-columns{grid-template-columns:340px minmax(0,1fr)}}@media (max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-shell{margin-left:210px;width:calc(100% - 210px)}main{padding:28px 25px 0}.topbar{padding:0 25px}.studio-columns{grid-template-columns:270px minmax(0,1fr);gap:16px}.scenario-panel{padding:18px}.checks-grid{grid-template-columns:1fr 1fr;gap:23px}.workflow-transport{display:none}.node-connector{width:25px}.connections-grid,.guide-layout{grid-template-columns:1fr}}@media (max-width:820px){.sidebar{width:70px;padding:24px 9px}.brand{font-size:0;padding:0;justify-content:center}.brand-dot,.nav-caption,.nav-count,.sidebar-bottom,.workspace{display:none}.brand-mark svg{width:29px;height:29px}.sidebar nav{margin-top:35px}.nav{font-size:0;justify-content:center;gap:0;padding:15px 9px}.nav svg{width:22px;height:22px}.main-shell{margin-left:70px;width:calc(100% - 70px)}.studio-columns{grid-template-columns:1fr}.empty-trace,.trace-scroll{min-height:370px}.presets{display:grid;grid-template-columns:1fr 1fr}.strategy-hint{min-height:auto}.scenario-description p{max-width:500px}.compare-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;gap:14px}.page-heading>.button{font-size:0;padding:10px;gap:0}.workflow-graph{gap:0}.service-node{padding:12px 10px 0}.service-node strong{font-size:11px}.service-node small{font-size:9px}.node-footer{margin:0 -10px;padding:9px 10px}.topbar{height:58px}}@media (max-width:540px){main{padding:23px 15px 0}.topbar{padding:0 15px}.top-actions{font-size:0;gap:0}.local-tag{display:none}.breadcrumb{font-size:9px;gap:8px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:29px}.page-heading p{font-size:11px}.workflow-panel{padding:18px 14px 0}.section-top h2{font-size:16px}.workflow-panel .tag{display:none}.workflow-graph{flex-direction:column;gap:0;margin:20px 0}.node-group{flex-direction:column;align-items:stretch}.service-node{display:grid;grid-template-columns:38px 1fr;gap:1px 12px;padding:12px}.node-top{grid-row:span 2;margin:0}.node-footer,.node-light,.node-top .mono{display:none}.service-node strong{align-self:end;font-size:12px}.service-node small{margin:4px 0;font-size:10px}.node-connector{height:25px;align-self:center;width:auto;flex-direction:column}.node-connector>span{width:1px;height:10px}.node-connector>svg{transform:rotate(90deg);margin-top:-4px}.workflow-bottom{margin:0 -14px;padding:12px 14px;font-size:8px}.presets{grid-template-columns:1fr}.outcome-panel{padding:20px 16px 0}.outcome-panel>.section-top{align-items:flex-start}.outcome-panel>.section-top>.small{display:none}.checks-grid{grid-template-columns:1fr}.check-item strong{font-size:11px}.check-item small{font-size:10px}.recovery-nudge{margin:0 -16px;padding:15px 16px;flex-direction:column;align-items:flex-start;gap:15px}.page-footer>span:nth-child(2){display:none}.event-row{gap:7px;padding:12px 9px}.event-time{min-width:43px;font-size:7px}.event-code{display:none}.event-copy strong{font-size:10px}.event-copy small{font-size:8px}.trace-footer{font-size:7px;overflow-wrap:anywhere}.compare-grid{grid-template-columns:1fr}.comparison-select{align-items:flex-start;flex-direction:column;gap:8px}.surface{padding:20px}.history-row{gap:9px;flex-wrap:wrap}.history-row .mono{display:none}.history-row .tag{font-size:7px}.history-row strong{font-size:10px}.history-row small{font-size:8px}.history-row>svg{display:none}.guide-layout{display:block}.guide-aside{margin-top:18px}.prose h2{font-size:21px}.modal-backdrop{padding:16px}.event-modal{padding:28px 20px}.page-heading{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.native-dialog{border:0;padding:0;border-radius:12px;max-width:min(570px,calc(100vw - 32px));width:100%;color:var(--ink)}.service-node.is-active{border-color:#287969;box-shadow:0 0 0 3px #28796912,0 8px 24px #203a2d0d;transform:translateY(-2px)}.service-node{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.service-node.is-active .node-icon{animation:node-breathe 1.3s ease-in-out infinite;background:#e3f2e9;color:#226c59}.node-connector{position:relative;overflow:hidden}.node-connector.is-flowing:after{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#287969;box-shadow:0 0 9px #28796955;animation:packet-flow 1.1s ease-in-out infinite}.is-running .workflow-bottom{background:linear-gradient(100deg,#f3f8f2,#e9f3ec,#f3f8f2);background-size:200% 100%;animation:run-wash 3s linear infinite}.event-row{animation:event-arrive .26s ease-out both}.check-icon.failed,.check-icon.passed{animation:check-arrive .28s ease-out both}.native-dialog[open]{animation:dialog-arrive .2s ease-out}@keyframes event-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes check-arrive{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes node-breathe{50%{box-shadow:0 0 0 5px #2879690c}}@keyframes packet-flow{0%{transform:translateX(-8px);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateX(52px);opacity:0}}@keyframes run-wash{to{background-position:-200% 0}}@media(max-width:540px){.node-connector.is-flowing:after{left:50%;top:0;margin-left:-3px;margin-top:0;animation:packet-flow-down 1.1s ease-in-out infinite}@keyframes packet-flow-down{0%{transform:translateY(-7px);opacity:0}25%{opacity:1}to{transform:translateY(27px);opacity:0}}}@media(prefers-reduced-motion:reduce){.service-node.is-active{transform:none}.node-connector.is-flowing:after{animation:none;opacity:0}}.native-dialog::backdrop{background:#15271877;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root{--muted:#626e64}.button,.event-copy strong,.preset strong{font-size:12px}.check-item small,.event-copy small,.preset small,.strategy-hint{font-size:11px;color:#63715e}.empty-trace p,.scenario-description p{font-size:12px;color:#63715e}.check-item strong{font-size:11px}.event-code,.event-time,.trace-footer,.workflow-bottom{font-size:10px;color:#62715c}.connection-row small{overflow-wrap:anywhere}.connection-row>div{min-width:0}@media (max-width:540px){.event-time{min-width:38px}.event-time,.trace-footer{font-size:9px}.workflow-bottom{flex-wrap:wrap}}body{background:radial-gradient(ellipse at 85% 5%,#e8f0e688,transparent 45%),var(--canvas)}.page-heading{gap:24px;align-items:flex-end}.page-heading h1{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.8px;font-weight:600}.page-heading p{font-size:13px;max-width:580px}.heading-actions{display:flex;gap:9px;flex-shrink:0;flex-wrap:wrap}.button{min-height:42px;border-radius:8px}.button.primary{box-shadow:0 4px 10px #1e554515}.config-panel,.outcome-panel,.surface,.trace-panel,.workflow-panel{box-shadow:0 3px 14px #22392a04;border-radius:12px}.start-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 2px 26px}.start-strip>div{display:flex;align-items:center;gap:12px}.start-strip>div>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d7e3d9;color:var(--teal);border-radius:50%;font:10px IBM Plex Mono,monospace;flex-shrink:0}.start-strip p{font-size:11px;color:#626e64;line-height:1.6}.start-strip strong{display:block;color:var(--ink);font-size:12px;font-weight:600}.export-notice:empty{display:none}.export-notice:not(:empty){padding:12px 16px;border:1px solid #cfe1d5;background:#edf5ef;color:#265c47;border-radius:8px;margin-bottom:18px;font-size:12px}.trace-footer{flex-wrap:wrap}.trace-export-actions{display:flex;gap:8px;margin-left:auto}.trace-footer .trace-export-actions button{gap:5px;align-items:center;min-height:36px;padding:6px 9px;border:1px solid #d5e0d5;border-radius:6px;color:#2d6551;background:white;margin:0}.trace-export-actions button:hover{background:#eaf4ed}.evidence-banner{margin-top:24px;padding:25px 28px;background:#edf3ec;border:1px solid #d7e3d7;border-radius:12px;display:flex;gap:20px;align-items:center}.evidence-icon{display:grid;place-items:center;width:54px;height:62px;background:#fff;color:var(--teal);border:1px solid #d6e2d7;border-radius:8px;flex-shrink:0;transform:rotate(-5deg);box-shadow:3px 5px 0 #dce7da}.evidence-banner .eyebrow{margin-bottom:4px}.evidence-banner p{font-size:12px;color:#576858;margin-top:5px;line-height:1.6}.evidence-banner>.button{margin-left:auto;white-space:nowrap}.developer-credit{color:#52665b}.developer-credit strong{color:#215944;font-weight:650}.page-footer{flex-wrap:wrap;gap:12px;color:#626e64}.ledger-comparison{margin-top:24px}.ledger-comparison>.body-copy{margin-top:5px;font-size:12px}.chart-legend{display:flex;gap:22px;margin:22px 0;font-size:11px;color:#56655a}.chart-legend span:before{content:"";width:9px;height:9px;display:inline-block;margin-right:7px;border-radius:2px;background:#b96d4b}.chart-legend .recovery-key:before{background:#287969}.ledger-chart-row{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;margin-bottom:20px}.ledger-chart-row>strong{font-size:12px;font-weight:500}.ledger-bar-row{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:11px}.ledger-bar-track{height:12px;flex:1 1;border-radius:3px;background:#f0f2ed;overflow:hidden}.ledger-bar-track>span{display:block;height:100%;background:#b96d4b;border-radius:3px}.recovery .ledger-bar-track>span{background:#287969}.bar-value{min-width:48px;color:#495e50}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.document-feature{display:grid;grid-template-columns:245px 1fr;gap:42px;align-items:center;padding:35px;background:#ecf1e8;border:1px solid #d9e2d5;border-radius:14px;margin-bottom:26px}.guide-cover{background:#243a30;color:#edf4e6;padding:26px 23px;min-height:285px;border-radius:3px 10px 10px 3px;box-shadow:9px 10px 0 #d2deca,0 15px 30px #243a3010;border-left:7px solid #405647}.guide-cover>span{display:block;font:8px IBM Plex Mono,monospace;letter-spacing:1px;color:#b6cbaa}.guide-cover>strong{display:block;font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:27px 0}.guide-cover em{color:#c8ddb4;font-style:normal}.guide-cover small{font-size:7px;letter-spacing:1px;color:#bdcfb3;margin-top:20px}.cover-route{display:flex;align-items:center}.cover-route i{display:block;width:22px;height:22px;border-radius:6px;border:1px solid #a4bca0}.cover-route b{display:block;width:35px;height:1px;background:#728c6b}.document-feature h2{font-size:clamp(23px,2.5vw,31px);line-height:1.2;letter-spacing:-.8px;margin:8px 0 14px}.document-feature p{max-width:550px;font-size:13px;line-height:1.8;color:#536650}.document-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.document-topics span{border:1px solid #cad9c3;border-radius:30px;padding:5px 10px;color:#465f42;font-size:10px}.document-feature>div>small{font-size:10px;margin-top:12px;color:#586b51}@media (prefers-reduced-motion:no-preference){.document-feature,.evidence-banner,.ledger-comparison{animation:event-arrive .35s ease-out}.preset:hover:not(:disabled){box-shadow:0 4px 14px #2447340a}}@media(max-width:1100px){.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.document-feature{grid-template-columns:200px 1fr;gap:28px;padding:26px}}@media(max-width:640px){.start-strip{grid-template-columns:1fr;gap:12px;padding-bottom:22px}.start-strip strong{display:inline;margin-right:6px}.evidence-banner{padding:20px;flex-wrap:wrap;gap:15px}.evidence-banner>div{flex:1 1;min-width:170px}.evidence-banner>.button{margin:5px 0 0;width:100%}.ledger-chart-row{grid-template-columns:1fr;gap:4px}.document-feature{grid-template-columns:1fr;padding:25px;gap:32px}.guide-cover{max-width:235px;width:100%;justify-self:center}.heading-actions{width:100%}.heading-actions .button{flex:1 1}.page-footer>.developer-credit{display:block;width:100%;order:3;font-size:11px}.compare-footer{gap:12px;flex-wrap:wrap}.trace-export-actions{width:100%;margin:5px 0 0}.trace-footer .trace-export-actions button{flex:1 1;justify-content:center}}