:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9f0ff;font-synthesis:none;background:#07101f;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#102b55 0,#0000 34rem),#07101f;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #70a7ff}.shell{width:min(1760px,100% - 3rem);margin:0 auto;padding:2.2rem 0 4rem}.hero{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.4rem;display:flex}.hero h1{letter-spacing:-.05em;margin:.2rem 0;font-size:clamp(2rem,4vw,3.8rem)}.hero p{color:#9eafd0;margin:0}.eyebrow{color:#78a9ff;letter-spacing:.14em;margin:0 0 .35rem;font:700 .72rem/1.2 ui-monospace,monospace}.environment-state{color:#9eafd0;justify-items:end;gap:.6rem;display:grid}.mode,.scope-badge{border:1px solid #38547a;border-radius:999px;padding:.45rem .7rem;font:700 .72rem ui-monospace,monospace}.mode.live{color:#6de8c3;border-color:#2cc89d}.mode.verified{color:#f2c875}.safety-banner,.global-error{color:#aebddb;background:#0d1b30;border:1px solid #233b60;border-radius:.8rem;gap:1rem;padding:1rem 1.2rem;display:flex}.safety-banner strong{color:#6de8c3;white-space:nowrap}.global-error{color:#ffadb7;border-color:#854055;margin-top:1rem}.panel{background:#0c192ded;border:1px solid #203859;border-radius:1rem;padding:1.3rem;box-shadow:0 1.2rem 3rem #00000029}.top-grid,.detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(20rem,.75fr);gap:1rem;margin-top:1rem;display:grid}.detail-grid{grid-template-columns:1fr 1fr}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2{margin:0;font-size:1.05rem}.form-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.form-grid label{color:#cdd9ee;gap:.4rem;font-size:.84rem;display:grid}.form-grid .wide{grid-column:span 2}input,select{color:#f4f7ff;background:#09172b;border:1px solid #2c466d;border-radius:.55rem;width:100%;padding:.72rem .75rem}label small,.muted,.empty{color:#8395b5}.load-warning{color:#aebddb;background:#15233a;border-radius:.6rem;margin:1rem 0;padding:.75rem}.load-warning strong{color:#f2c875;font-family:ui-monospace,monospace}.actions{gap:.7rem;display:flex}button{cursor:pointer;border:0;border-radius:.55rem}button:disabled{cursor:not-allowed;opacity:.45}.primary,.secondary{padding:.75rem 1rem;font-weight:750}.primary{color:#fff;background:#3d7ee8}.secondary{color:#dce7fb;background:#263853}.status-dot{color:#f2c875;font:700 .72rem ui-monospace,monospace}.status-dot.online{color:#6de8c3}.status-list{gap:.8rem;margin:0;display:grid}.status-list div{border-bottom:1px solid #1d3454;grid-template-columns:6rem 1fr;gap:1rem;padding-bottom:.7rem;display:grid}dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace}.error-message{color:#ffadb7}.metric-grid{grid-template-columns:repeat(6,1fr);gap:.8rem;margin:1rem 0;display:grid}.metric-card{background:#0c1a2f;border:1px solid #21395b;border-radius:.8rem;gap:.35rem;min-width:0;padding:1rem;display:grid}.metric-card span,.metric-card small{color:#8ea0bf}.metric-card strong{font:750 clamp(1.25rem,2vw,2rem) ui-monospace,monospace}.metric-card.success strong{color:#6de8c3}.metric-card.rejected strong{color:#f2c875}.metric-card.error strong{color:#ff8798}.latency-grid{grid-template-columns:repeat(5,1fr);margin:0;display:grid}.latency-grid div{border-left:1px solid #203859;padding:.7rem}.latency-grid div:first-child{border-left:0}.latency-grid dd{color:#dbe7ff;margin-top:.45rem}.flow-panel,.history{margin-top:1rem}.trace-heading{align-items:center}.follow-toggle{color:#aebddb;align-items:center;gap:.45rem;font-size:.84rem;display:flex}.follow-toggle input{width:auto}.sampling-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem;display:grid}.sampling-grid div{background:#0a172a;border:1px solid #21395b;border-radius:.65rem;gap:.25rem;padding:.85rem;display:grid}.sampling-grid span{color:#8fa1c0;font-size:.78rem}.sampling-grid strong{font:750 1.25rem ui-monospace,monospace}.trace-toolbar{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.trace-toolbar button{color:#c9d7ef;background:#14243b;border:1px solid #263f63;padding:.5rem .7rem}.trace-toolbar button.active{color:#fff;background:#234b84;border-color:#67a1ff}.flow-lanes{grid-template-columns:repeat(8,minmax(7rem,1fr));gap:.5rem;padding-bottom:.35rem;display:grid;overflow-x:auto}.flow-node{background:#09172b;border:1px solid #2c4a75;border-radius:.6rem;align-items:center;min-height:3.6rem;padding:.75rem;display:grid}.flow-node strong{color:#dce7fb;overflow-wrap:anywhere;font-size:.72rem}.request-token-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.55rem;margin-top:1rem;display:grid}.request-token{color:#dce7fb;text-align:left;background:#0b192d;border:1px solid #27446b;border-radius:.65rem;gap:.18rem;min-height:4.7rem;padding:.7rem;display:grid}.request-token strong{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.request-token span,.request-token small{color:#8fa1c0;font-size:.74rem}.request-token.success{border-color:#2f8f78}.request-token.business_rejected{border-color:#9d7b30}.request-token.system_error,.request-token.timeout{border-color:#9b4656}.request-token.selected{box-shadow:inset 0 0 0 2px #67a1ff}.trace-detail{border-top:1px solid #203859;margin-top:1rem;padding-top:1rem}.trace-detail-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.trace-detail-title h3{margin:0;font-family:ui-monospace,monospace;font-size:.95rem}.trace-detail-title span{color:#8fa1c0;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.78rem}.waterfall{gap:.5rem;margin-top:.8rem;display:grid}.waterfall-row{grid-template-columns:10rem minmax(8rem,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}.waterfall-row>span{color:#aebddb;overflow-wrap:anywhere;font-size:.78rem}.waterfall-row>strong{text-align:right;font-family:ui-monospace,monospace;font-size:.78rem}.waterfall-track{background:#081426;border-radius:999px;align-items:center;min-height:1.15rem;display:flex;overflow:hidden}.waterfall-track i{background:#67a1ff;border-radius:999px;height:.55rem;display:block}.waterfall-track i.success{background:#6de8c3}.waterfall-track i.business_rejected{background:#f2c875}.waterfall-track i.system_error,.waterfall-track i.timeout{background:#ff8798}.waterfall-track em{color:#8395b5;padding-left:.6rem;font-size:.72rem;font-style:normal}.flow-explainer{color:#aebddb;background:#0a172a;border:1px solid #243f63;border-radius:.65rem;margin-bottom:1rem;padding:.85rem 1rem}.flow-explainer p{margin:0;line-height:1.55}.data-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.data-node{background:#0a172a;border:1px solid #27446b;border-radius:.75rem;gap:.75rem;min-width:0;padding:1rem;display:grid}.data-node>span{color:#78a9ff;letter-spacing:.04em;font:750 .72rem/1.2 ui-monospace,monospace}.data-node>strong{color:#f4f7ff;line-height:1.35}.data-node p{color:#8fa1c0;margin:0;line-height:1.45}.data-node dl{gap:.4rem;margin:0;display:grid}.data-node dl div{grid-template-columns:minmax(5.5rem,.8fr) minmax(0,1fr);align-items:baseline;gap:.7rem;display:grid}.data-node dt{color:#8fa1c0;font-size:.78rem}.data-node dd{color:#e9f0ff;text-align:right;font-size:.84rem}.data-node.normal{border-color:#2c5f7c}.data-node.condition{border-color:#836832}.data-node.error{border-color:#854055}.data-node.unknown{background:#0b1526;border-color:#344965}.flow-connection-layer{background:#081426;border:1px dashed #2b4a72;border-radius:.8rem;margin-top:1rem;padding:1rem}.flow-token-list{gap:.65rem;display:grid}.flow-token-row{color:#c9d7ef;grid-template-columns:minmax(9rem,1fr) auto minmax(10rem,1fr) minmax(7rem,.6fr);align-items:center;gap:.7rem;display:grid}.flow-token-row>span{color:#8fa1c0;font-size:.78rem}.flow-token-row>strong{color:#6de8c3;font-family:ui-monospace,monospace}.flow-token-row>em{color:#dce7fb;font-size:.82rem;font-style:normal}.aggregate-tokens{justify-content:flex-end;gap:.3rem;display:flex}.aggregate-tokens i{background:#67a1ff;border-radius:999px;width:.85rem;height:.85rem;box-shadow:0 0 0 .18rem #67a1ff1f}.secondary-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.85rem;display:grid}.simple-flow{--flow-duration:4.5s;overflow:hidden}.simple-flow.speed-normal{--flow-duration:1.8s}.simple-flow.speed-slow{--flow-duration:4.5s}.simple-flow.speed-very-slow{--flow-duration:8s}.flow-heading{align-items:center}.flow-speed-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.flow-speed-control>span{color:#8fa1c0;margin-right:.2rem;font-size:.78rem}.flow-speed-control button{color:#c9d7ef;text-align:left;background:#10213a;border:1px solid #263f63;gap:.1rem;min-width:5.4rem;padding:.52rem .65rem;display:grid}.flow-speed-control button.active{color:#fff;background:#234b84;border-color:#67a1ff}.flow-speed-control small{color:#8fa1c0;font-size:.66rem}.flow-speed-control button.active small{color:#cfe0ff}.simple-flow-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.simple-flow-card{background:#0a172a;border:1px solid #263f63;border-radius:.7rem;gap:.25rem;min-width:0;padding:.85rem;display:grid}.simple-flow-card span{color:#8fa1c0;font-size:.78rem}.simple-flow-card strong{color:#e9f0ff;overflow-wrap:anywhere;font:750 1.25rem ui-monospace,monospace}.simple-flow-card.green strong{color:#6de8c3}.simple-flow-card.amber strong{color:#f2c875}.simple-flow-card.red strong{color:#ff8798}.conveyor{background:linear-gradient(#09172b 0%,#071326 100%);border:1px solid #203859;border-radius:.9rem;min-height:22rem;padding:1.2rem;position:relative;overflow:hidden}.conveyor-main{z-index:2;grid-template-columns:1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;align-items:center;gap:.45rem;display:grid;position:relative}.conveyor-main b{background:#2b4d78;border-radius:999px;height:.18rem;display:block}.flow-stop{text-align:center;background:#0a172af5;border:1px solid #2b4d78;border-radius:.85rem;align-content:center;justify-items:center;gap:.35rem;min-height:7.2rem;padding:.9rem;display:grid}.flow-stop i{color:#fff;background:#1f63b4;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font:800 .78rem ui-monospace,monospace;display:grid}.flow-stop strong{color:#f4f7ff}.flow-stop span{color:#8fa1c0;font-size:.78rem;line-height:1.35}.flow-stop.redis{border-color:#2f8f78;box-shadow:0 0 0 .2rem #6de8c30f}.flow-stop.redis i{background:#249d7f}.conveyor-branch{z-index:1;grid-template-columns:1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;align-items:start;gap:.45rem;margin-top:1.4rem;display:grid;position:relative}.branch-spacer{grid-column:1/5}.branch-line{border-bottom:.18rem solid #2b4d78;border-left:.18rem solid #2b4d78;border-bottom-left-radius:1.1rem;grid-column:5/7;height:3.2rem}.flow-stop.branch{border-color:#7d6840;grid-column:7;min-height:5.6rem}.flow-stop.branch i{background:#9d7b30}.pulse-lane{z-index:3;pointer-events:none;position:absolute;left:1.2rem;right:1.2rem}.pulse-lane.attempt,.pulse-lane.accepted{top:5.2rem}.pulse-lane.condition{top:8.6rem}.pulse-lane.error{top:11.8rem}.pulse-lane.history{top:15.3rem}.pulse-label{color:#dce7fb;gap:.1rem;font:750 .78rem ui-monospace,monospace;display:inline-grid;position:absolute;top:-1.25rem;left:.2rem}.pulse-label small{color:#8fa1c0;font:500 .68rem system-ui,sans-serif}.pulse-token{opacity:0;width:1rem;height:1rem;animation:flowAcross var(--flow-duration) ease-out forwards;border-radius:999px;position:absolute;transform:translate(0)}.pulse-lane.attempt .pulse-token{background:#67a1ff;box-shadow:0 0 1rem #67a1ff8c}.pulse-lane.accepted .pulse-token{background:#6de8c3;animation-name:flowAccepted;box-shadow:0 0 1rem #6de8c38c}.pulse-lane.condition .pulse-token{background:#f2c875;animation-name:flowToRedis;box-shadow:0 0 1rem #f2c87573}.pulse-lane.error .pulse-token{background:#ff8798;animation-name:flowToRedis;box-shadow:0 0 1rem #ff879873}.pulse-lane.history .pulse-token{background:#b5a7ff;animation-name:flowHistory;box-shadow:0 0 1rem #b5a7ff73}.flow-note{color:#8fa1c0;margin:1rem 0 0;line-height:1.55}@keyframes flowAcross{0%{opacity:0;transform:translate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(calc(100vw - 10rem))}}@keyframes flowAccepted{0%{opacity:0;transform:translate(47%)}15%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(100vw - 10rem))}}@keyframes flowToRedis{0%{opacity:0;transform:translate(0)}15%{opacity:1}75%{opacity:1;transform:translate(55vw)}to{opacity:0;transform:translate(55vw)scale(.65)}}@keyframes flowHistory{0%{opacity:0;transform:translate(48vw)translateY(-7.5rem)}15%{opacity:1}to{opacity:0;transform:translate(calc(100vw - 10rem))translateY(0)}}.check-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.check-list li{background:#0a172a;border-radius:.6rem;align-items:center;gap:.8rem;padding:.65rem;display:flex}.check-list li div{gap:.25rem;display:grid}.check-list small{color:#8395b5}.check-status{color:#f2c875;min-width:7rem;font:700 .7rem ui-monospace,monospace}.check-status.pass{color:#6de8c3}.check-status.fail{color:#ff8798}.history-row{color:#dce7fb;text-align:left;background:0 0;border-top:1px solid #1d3454;border-radius:0;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;width:100%;padding:.8rem;display:grid}.history-row:hover{background:#12233d}.history-row span:first-child{gap:.25rem;display:grid}.history-row small{color:#8294b4;font-family:ui-monospace,monospace}.loading{color:#9eafd0;margin-top:1rem}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.top-grid,.detail-grid{grid-template-columns:1fr}.simple-flow-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.conveyor-main{grid-template-columns:1fr}.conveyor-main b{justify-self:center;width:.18rem;height:1.4rem}.conveyor-branch{grid-template-columns:1fr}.branch-spacer,.branch-line,.flow-stop.branch{grid-column:auto}.branch-line{border-bottom:0;border-left:.18rem solid #2b4d78;justify-self:center;width:.18rem;height:2rem}.pulse-lane{display:none}.data-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-token-row{grid-template-columns:1fr auto}.flow-token-row>em,.aggregate-tokens{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.sampling-grid{grid-template-columns:repeat(2,1fr)}.waterfall-row{grid-template-columns:1fr;gap:.35rem}.waterfall-row>strong{text-align:left}.secondary-flow{grid-template-columns:1fr}}@media (width<=700px){.shell{width:min(100% - 1.2rem,1760px);padding-top:1rem}.hero{flex-direction:column;align-items:flex-start}.environment-state{justify-items:start}.metric-grid,.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:1/-1}.latency-grid{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:1fr}.safety-banner{flex-direction:column;gap:.4rem}.sampling-grid,.data-flow-grid{grid-template-columns:1fr}.data-node dl div{grid-template-columns:1fr;gap:.15rem}.data-node dd{text-align:left}.simple-flow-summary{grid-template-columns:1fr 1fr}.flow-heading{flex-direction:column;align-items:flex-start}.flow-speed-control{justify-content:flex-start}.conveyor{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f4f7fb}body{color:#172033;background:linear-gradient(#eef5ff 0,#f7f9fc 18rem,#f4f7fb 100%)}.shell{width:min(1840px,100% - 3rem)}.hero{align-items:center}.hero h1{color:#172033;font-size:clamp(2rem,3.4vw,3.5rem)}.hero h1 span{color:#175cd3}.hero p,.environment-state,.section-copy{color:#526176}.eyebrow{color:#175cd3}.mode,.scope-badge{color:#34445b;background:#fff;border-color:#b8c7dd}.mode.live{color:#116149;background:#eaf8f1;border-color:#73c8a6}.safety-banner,.global-error,.info-banner{color:#34445b;background:#fff;border:1px solid #c9d6e8;box-shadow:0 .25rem .75rem #2236530d}.safety-banner strong{color:#116149}.global-error{color:#a32020;background:#fff2f1;border-color:#f2aaa8}.info-banner{background:#eef6ff;border-color:#9fc2f3;border-radius:.75rem;margin:1rem 0 0;padding:.9rem 1rem}.panel,.lab-card{background:#fff;border:1px solid #cbd6e5;border-radius:1rem;padding:1.25rem;box-shadow:0 .35rem 1.1rem #23375412}input,select{color:#172033;background:#fff;border-color:#aebed3}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #6ba3ee}.primary,.primary-button{color:#fff;background:#175cd3}.secondary,.secondary-button{color:#23344c;background:#fff;border:1px solid #aebed3}.danger-button{color:#a32020;background:#fff4f3;border:1px solid #e09a97}.primary-button,.secondary-button,.danger-button{min-height:2.75rem;padding:.7rem 1rem;font-weight:750}.full{width:100%}.mode-switch{background:#e9eef5;border:1px solid #cbd6e5;border-radius:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;padding:.35rem;display:grid}.mode-switch button{color:#526176;text-align:left;background:0 0;border:1px solid #0000;gap:.2rem;padding:.85rem 1rem;display:grid}.mode-switch button.active{color:#123d7a;background:#fff;border-color:#8db5ec;box-shadow:0 .2rem .5rem #23375414}.mode-switch small{color:inherit}.lab-toolbar{background:#fff;border:1px solid #cbd6e5;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:.85rem 1rem;display:flex}.toolbar-status,.toolbar-actions,.button-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.toolbar-actions label{color:#34445b;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.toolbar-actions input{width:5rem;padding:.55rem}.run-id{overflow-wrap:anywhere;color:#526176;max-width:34rem;font:650 .75rem ui-monospace,monospace}.status-pill{color:#526176;white-space:nowrap;background:#f5f7fa;border:1px solid #becadc;border-radius:999px;align-items:center;min-height:1.8rem;padding:.3rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-pill.success{color:#116149;background:#eaf8f1;border-color:#73c8a6}.status-pill.running{color:#124d9c;background:#eaf2ff;border-color:#8db5ec}.status-pill.warning{color:#855200;background:#fff7e8;border-color:#e7bd70}.status-pill.error{color:#a32020;background:#fff2f1;border-color:#e09a97}.connection-state{color:#6b7789;font-size:.78rem}.connection-state.on{color:#116149}.experience-grid{grid-template-columns:minmax(18rem,.9fr) minmax(32rem,1.9fr) minmax(18rem,.9fr);align-items:start;gap:1rem;display:grid}.experience-left{gap:1rem;display:grid}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-heading.compact{align-items:center}.card-heading h2{color:#172033;margin:0;font-size:1.15rem}.sample-product{background:#f8fafc;border:1px solid #d6deea;border-radius:.8rem;grid-template-columns:4.5rem 1fr;align-items:center;gap:.85rem;padding:.85rem;display:grid}.sample-product h3{margin:.15rem 0;font-size:1rem}.sample-product p,.sample-product small{color:#657287;margin:0;font-size:.75rem}.sample-visual{aspect-ratio:1;color:#fff;background:#175cd3;border-radius:.75rem;place-items:center;font:850 1rem ui-monospace,monospace;display:grid}.price-hero{background:#eef5ff;border-left:.3rem solid #175cd3;gap:.25rem;margin:1rem 0;padding:1rem;display:grid}.price-hero span,.price-hero small{color:#526176}.price-hero strong{color:#123d7a;font:800 clamp(1.65rem,2vw,2.25rem) ui-monospace,monospace}.auction-facts,.flow-node dl,.participant-card dl{gap:.45rem;margin:0;display:grid}.auction-facts{grid-template-columns:1fr 1fr}.auction-facts div,.flow-node dl div,.participant-card dl div{border-bottom:1px solid #e3e8f0;justify-content:space-between;gap:.75rem;padding:.45rem 0;display:flex}dt{color:#526176}dd{color:#172033}.bid-entry{gap:.65rem;margin-top:1rem;display:grid}.bid-entry label,.control-grid label{color:#34445b;font-size:.82rem;font-weight:700}.amount-row{grid-template-columns:1fr auto auto;gap:.45rem;display:grid}.amount-row button{min-height:auto;padding:.6rem}.inline-result{border-radius:.6rem;margin:0;padding:.65rem;font-weight:700}.inline-result.accepted{color:#116149;background:#eaf8f1}.inline-result.rejected{color:#855200;background:#fff7e8}.section-copy{margin:-.35rem 0 1rem;font-size:.84rem;line-height:1.55}.control-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.control-grid label{gap:.4rem;display:grid}.control-grid .wide{grid-column:1/-1}.button-row{margin-top:.85rem}.flow-board{position:relative;overflow:hidden}.flow-stage-grid{grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr) auto minmax(11rem,1fr) auto minmax(13rem,1.1fr);align-items:stretch;gap:.5rem;display:grid}.flow-arrow{color:#175cd3;align-self:center;font-size:1.5rem;font-weight:900}.flow-node{background:#f9fbfd;border:1px solid #c9d6e8;border-radius:.8rem;align-content:start;gap:.75rem;min-height:0;padding:.85rem;display:grid;position:relative}.flow-node h3{color:#172033;margin:0;font-size:.9rem;line-height:1.35}.flow-node p{color:#526176;margin:.3rem 0 0;font-size:.76rem;line-height:1.45}.flow-node small{color:#175cd3;margin-top:.25rem;font:750 .7rem ui-monospace,monospace;display:inline-block}.flow-node dl{font-size:.72rem}.flow-node dl div{align-items:baseline}.flow-node dd{text-align:right}.node-number{color:#fff;background:#175cd3;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font:800 .72rem ui-monospace,monospace;display:grid}.redis-node{background:#f1fbf6;border-color:#7bc6aa}.redis-node .node-number{background:#16815f}.flow-branches{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;padding-left:52%;display:grid}.branch-node{min-height:9rem}.websocket-node{background:#f2f7ff;border-color:#8db5ec}.kafka-node{background:#fffaef;border-color:#d6b56d}.real-pulse-layer{pointer-events:none;height:2rem;position:absolute;inset:5rem 1.25rem auto}.real-pulse-layer i{--delay:0s;opacity:0;width:.75rem;height:.75rem;animation:realFlow 4.5s ease-in-out var(--delay) forwards;background:#175cd3;border-radius:50%;position:absolute;top:1.15rem;left:0}.pulse-count,.pulse-outcome{z-index:2;color:#123d7a;background:#fff;border-radius:.4rem;padding:.25rem .45rem;font:800 .72rem ui-monospace,monospace;position:absolute;box-shadow:0 .15rem .4rem #18345b26}.pulse-count{left:0}.pulse-outcome{right:0}@keyframes realFlow{0%{opacity:0;transform:translate(0)}12%,82%{opacity:1}to{opacity:0;transform:translate(calc(100vw - 13rem))}}.participant-list{gap:.7rem;display:grid}.participant-card{background:#fafbfd;border:1px solid #d5deea;border-radius:.75rem;padding:.8rem}.participant-card.fresh{animation:1.2s ease-out participantFresh}.participant-card>div:first-child{justify-content:space-between;gap:.5rem;display:flex}.participant-card dl{margin:.6rem 0;font-size:.75rem}.participant-card>small{color:#657287}.connection-dot{color:#865d13;font-size:.68rem}.connection-dot.on{color:#116149}@keyframes participantFresh{0%{background:#eaf2ff;border-color:#175cd3}to{background:#fafbfd;border-color:#d5deea}}.empty-state{color:#657287;text-align:center;border:1px dashed #b9c7da;border-radius:.75rem;padding:2rem 1rem}.result-panel{margin-top:1rem}.result-metrics{grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;display:grid}.result-metrics article{background:#f9fafc;border:1px solid #d4dce8;border-radius:.7rem;gap:.35rem;padding:.8rem;display:grid}.result-metrics span{color:#526176;font-size:.75rem}.result-metrics strong{color:#172033;overflow-wrap:anywhere;font:800 1.2rem ui-monospace,monospace}.result-metrics .blue strong{color:#175cd3}.result-metrics .green strong{color:#127052}.result-metrics .orange strong{color:#9a5f00}.result-metrics .red strong{color:#b42318}.reason-details{background:#fffaf0;border:1px solid #e4c88b;border-radius:.7rem;margin-top:1rem;padding:.75rem}.reason-details summary{cursor:pointer;color:#754b08;font-weight:800}.reason-details ul,.consistency-copy ul{margin-bottom:0;padding-left:1.2rem}.reason-details li{justify-content:space-between;gap:1rem;margin-top:.45rem;display:flex}.consistency-copy{background:#f8fafc;border:1px solid #cbd6e5;border-radius:.7rem;margin-top:1rem;padding:.9rem}.consistency-copy h3{margin:0;font-size:.95rem}.consistency-copy li{color:#34445b;margin-top:.4rem}.metric-card,.sampling-grid div,.data-node,.simple-flow-card,.conveyor,.flow-stop,.check-list li{color:#172033;background:#fff;border-color:#cbd6e5}.metric-card span,.metric-card small,.data-node p,.data-node dt,.flow-stop span,.flow-note,.loading{color:#526176}.metric-card strong,.data-node strong,.data-node dd,.flow-stop strong,.latency-grid dd{color:#172033}.load-warning{color:#704800;background:#fff7e8}.status-list div,.latency-grid div{border-color:#dce3ec}@media (width<=1450px){.experience-grid{grid-template-columns:minmax(18rem,.8fr) minmax(30rem,1.5fr)}.participant-panel{grid-column:1/-1}.participant-list,.result-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1050px){.experience-grid,.flow-stage-grid{grid-template-columns:1fr}.flow-arrow{justify-self:center;transform:rotate(90deg)}.flow-branches{grid-template-columns:1fr;padding-left:0}.real-pulse-layer{display:none}.participant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.shell{width:min(100% - 1rem,1840px)}.mode-switch,.experience-grid,.result-metrics,.participant-list{grid-template-columns:1fr}.lab-toolbar,.hero{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.auction-facts,.control-grid{grid-template-columns:1fr}.control-grid .wide{grid-column:auto}.amount-row{grid-template-columns:1fr 1fr}.amount-row input{grid-column:1/-1}}