:root{color:#101827;font-synthesis:none;--navy:#07111f;--navy-2:#0a1628;--navy-3:#10213b;--blue:#1769ff;--blue-2:#3b82f6;--green:#16a064;--red:#e83b4a;--amber:#d89000;--text:#111827;--muted:#6b778c;--line:#dfe6ef;--panel:#fff;background:#edf2f8;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#edf2f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #1769ff59}.portfolio-shell{background:var(--panel);border-radius:24px;width:min(1600px,100% - 32px);margin:16px auto 32px;overflow:hidden;box-shadow:0 24px 60px #11213a21}.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:78px;padding:0 38px;display:grid}.brand{color:#fff;letter-spacing:-.02em;background:0 0;justify-self:start;align-items:center;gap:11px;padding:0;font-weight:850;display:inline-flex}.brand-mark{color:#fff;border:2px solid #fff;border-radius:6px;place-items:center;width:27px;height:27px;font-size:10px;display:grid;transform:rotate(45deg)}.desktop-nav{align-items:stretch;gap:32px;height:100%;display:flex}.desktop-nav button,.desktop-nav a{color:#d4dbea;background:0 0;place-items:center;padding:0 2px;font-size:14px;font-weight:700;display:grid;position:relative}.desktop-nav button:hover,.desktop-nav a:hover,.desktop-nav button.active{color:#fff}.desktop-nav button.active:after{content:"";background:#2f7aff;border-radius:999px;height:2px;position:absolute;bottom:17px;left:0;right:0}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.live-badge{color:#46e697;background:#055c3945;border:1px solid #146e48;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.live-badge i{background:#27e985;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #27e98514}.live-badge.offline{color:#efc96c;background:#74551233;border-color:#69531f}.live-badge.offline i{box-shadow:none;background:#efc96c}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;color:#fff;font-size:23px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{z-index:80;background:#0c192b;border:1px solid #273851;border-radius:12px;width:190px;padding:8px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 14px 30px #0000004d}.mobile-menu-panel button,.mobile-menu-panel a{color:#e7edf7;text-align:left;background:0 0;border-radius:8px;padding:11px 12px;font-size:13px}.mobile-menu-panel button:hover,.mobile-menu-panel a:hover{background:#152943}.interactive-lab{background:#fff}.lab-hero{color:#fff;background:radial-gradient(circle at 76% 48%,#1769ff30,#0000 28rem),linear-gradient(125deg,#07111f 0%,#071424 50%,#06101c 100%);grid-template-columns:minmax(360px,.72fr) minmax(600px,1.28fr);gap:28px;min-height:470px;padding:46px 38px 30px;display:grid}.hero-copy{align-self:center;min-width:0}.eyebrow{color:#72a8ff;letter-spacing:.13em;margin:0 0 10px;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-copy h1{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.05vw,52px);font-weight:900;line-height:1.27}.hero-copy h1 span{color:#1673ff}.hero-copy>p:not(.eyebrow){color:#c2ccdb;margin:20px 0 0;font-size:14px;line-height:1.75}.experiment-config{background:#12243dd4;border:1px solid #293d5d;border-radius:12px;margin-top:27px;padding:19px;box-shadow:inset 0 1px #ffffff08}.config-title{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:15px;display:flex}.config-title strong{font-size:15px}.config-title small{color:#8394ad;font-size:11px}.config-grid{grid-template-columns:145px 1fr 1.5fr;align-items:end;gap:15px;display:grid}.config-group{gap:8px;min-width:0;display:grid}.config-group>span{color:#ced7e5;font-size:12px;font-weight:750}.config-group>small{color:#8091ab;font-size:10px}.stepper{background:#0b182b;border:1px solid #344a6b;border-radius:8px;grid-template-columns:34px 1fr 34px;height:36px;display:grid;overflow:hidden}.stepper button{color:#a9c7ff;background:#10223b;font-size:19px}.stepper button:hover:not(:disabled){background:#193760}.stepper strong{color:#fff;place-items:center;font-size:17px;display:grid}.segmented{background:#0b182b;border:1px solid #344a6b;border-radius:8px;min-height:36px;display:grid;overflow:hidden}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{color:#b8c5d8;white-space:nowrap;background:0 0;border-right:1px solid #243a5a;padding:0 10px;font-size:11px;font-weight:750}.segmented button:last-child{border-right:0}.segmented button.active{color:#fff;background:#1769ff;box-shadow:0 0 20px #1769ff33}.config-actions{align-items:center;gap:13px;margin-top:15px;display:flex}.run-button,.stop-button{color:#fff;border-radius:7px;min-height:38px;padding:0 18px;font-size:12px;font-weight:800}.run-button{background:linear-gradient(135deg,#1769ff,#286cff);box-shadow:0 8px 20px #1769ff33}.stop-button{background:#e34}.reset-link{color:#9aabc2;background:0 0;font-size:11px}.hero-visual{grid-template-rows:auto 1fr;align-self:stretch;gap:22px;min-width:0;display:grid}.run-status-bar{color:#9fafc4;background:#071322c2;border:1px solid #263c5f;border-radius:11px;grid-template-columns:auto auto auto minmax(130px,1fr) auto auto;align-items:center;gap:20px;min-height:70px;padding:14px 18px;font-size:11px;display:grid}.run-status-bar strong{color:#f7fbff;font-size:14px}.run-state{color:#47e292;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.run-state i{background:#37e98c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #37e98cb3}.progress-track{background:#162943;border-radius:999px;height:7px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#1769ff,#55a0ff);height:100%;display:block;box-shadow:0 0 16px #3381ff99}.status-rps strong,.recent-delta strong{color:#57e899}.engine-flow{grid-template-columns:minmax(115px,.8fr) 46px minmax(155px,1.1fr) 46px minmax(140px,1fr);align-self:center;align-items:center;gap:5px;min-height:265px;padding:20px 0 34px;display:grid;position:relative}.engine-flow:before{content:"";opacity:.35;transform-origin:top;pointer-events:none;background-image:linear-gradient(#1769ff38 1px,#0000 1px),linear-gradient(90deg,#1769ff2e 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:8px 0 0;transform:perspective(430px)rotateX(57deg);-webkit-mask-image:linear-gradient(#000 0%,#0000 86%);mask-image:linear-gradient(#000 0%,#0000 86%)}.flow-top-label{z-index:5;color:#7fc9ff;background:#0b2443;border:1px solid #265d9b;border-radius:999px;padding:5px 10px;font-size:10px;position:absolute;top:6px;left:35%}.engine-node{z-index:3;text-align:center;background:linear-gradient(#143052f2,#091b32f5);border:1px solid #295488;border-radius:12px;align-content:center;place-items:center;gap:4px;min-height:86px;padding:12px;display:grid;position:relative;box-shadow:0 12px 25px #00000026}.engine-node span{color:#c8d8ec;font-size:12px;font-weight:700}.engine-node strong{color:#fff;font-size:18px}.engine-node small{color:#7e92ac;font-size:9px}.request-node strong{color:#64e89d;font-size:23px}.redis-engine{border-color:#287fff;box-shadow:0 0 0 1px #1769ff3d,0 0 26px #1769ff3d}.redis-engine strong{color:#8cbcff;font-size:12px}.version-node strong{font-size:20px}.flow-connector{z-index:4;color:#4ca0ff;align-items:center;display:flex;position:relative}.flow-connector i{background:linear-gradient(90deg,#1769ff,#75bdff);flex:1;height:2px;box-shadow:0 0 8px #1769ffcc}.flow-connector span{font-size:25px;line-height:1}.engine-flow.active .flow-connector i{animation:1s ease-in-out infinite flowPulse}@keyframes flowPulse{0%,to{opacity:.42}50%{opacity:1;box-shadow:0 0 16px #55abff}}.engine-branches{z-index:3;grid-template-columns:1fr 1fr;gap:14px;width:45%;display:grid;position:absolute;top:186px;right:0}.engine-branches .engine-node{min-height:70px}.websocket-engine{border-color:#2b6dac}.kafka-engine{border-color:#594a9b}.branch-lines{z-index:2;opacity:.8;border-top:2px solid #1a75d7;border-left:2px solid #0000;border-radius:50%;width:22%;height:60px;position:absolute;top:138px;right:19%;transform:rotate(9deg)}.outcome-float{z-index:7;background:#081627f2;border:1px solid #2c405d;border-radius:9px;gap:8px;padding:8px 11px;font-size:10px;display:flex;position:absolute;bottom:0;left:33%}.outcome-float .accepted{color:#69e9a4}.outcome-float .rejected{color:#ff7380}.global-error{color:#ba2433;background:#fff2f4;border:1px solid #f2b5bd;margin:0;padding:12px 18px;font-size:13px}.top-error{border-radius:0}.dashboard-body{background:#f5f8fc;border-radius:20px 20px 0 0;padding:17px 18px 18px;box-shadow:0 -12px 28px #08192f21}.dashboard-top-grid{grid-template-columns:1.04fr 1.13fr .95fr;gap:13px;display:grid}.dashboard-detail-grid{grid-template-columns:1.55fr .85fr .9fr;gap:13px;margin-top:13px;display:grid}.dashboard-card{background:#fff;border:1px solid #dde4ed;border-radius:11px;min-width:0;padding:17px 18px;box-shadow:0 3px 8px #15294906}.card-title-row{justify-content:space-between;align-items:center;gap:12px;min-height:26px;margin-bottom:13px;display:flex}.card-title-row>div{align-items:baseline;gap:9px;display:flex}.card-title-row h2{color:#182132;letter-spacing:-.02em;margin:0;font-size:14px}.card-title-row small{color:#8792a4;font-size:9px}.soft-status,.sync-pill{color:#23a064;background:#effaf4;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.sync-pill:not(.success){color:#78869a;background:#f4f6f9}.auction-primary{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 1fr;gap:12px;padding:4px 0 15px;display:grid}.auction-primary div{gap:6px;display:grid}.auction-primary div+div{border-left:1px solid #edf1f5;padding-left:16px}.auction-primary small,.metric-row small,.performance-grid small,.sync-score small{color:#8994a6;font-size:9px}.auction-primary strong{color:#121927;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:20px}.metric-row{margin-top:14px;display:grid}.metric-row.four{grid-template-columns:repeat(4,1fr)}.metric-row>div{border-left:1px solid #edf1f5;gap:4px;padding-left:10px;display:grid}.metric-row>div:first-child{border-left:0;padding-left:0}.metric-row strong{font-size:13px}.green strong,.green{color:var(--green)}.red strong,.red{color:var(--red)}.sync-content{grid-template-columns:.78fr 1.22fr;align-items:center;gap:17px;display:grid}.sync-score{text-align:center;justify-items:center;gap:4px;display:grid}.sync-score strong{color:#169b5d;letter-spacing:-.05em;font-size:39px;line-height:1}.sync-score span{color:#263246;font-size:11px;font-weight:800}.participant-statuses{gap:7px;display:grid}.participant-statuses>div{color:#3e495b;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;font-size:9px;display:grid}.participant-statuses span{align-items:center;gap:6px;display:flex}.participant-statuses i{background:#b9c3d0;border-radius:50%;width:7px;height:7px}.participant-statuses i.on{background:#22b36e;box-shadow:0 0 0 3px #e8f8ef}.participant-statuses small{color:#79869a}.participant-statuses b{color:#aeb7c4}.participant-statuses b.on{color:#16a064}.performance-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.performance-grid>div{border-top:1px solid #edf1f5;border-left:1px solid #edf1f5;flex-wrap:wrap;align-content:center;align-items:baseline;gap:3px;min-height:56px;padding:7px 10px;display:flex;position:relative}.performance-grid>div:nth-child(-n+3){border-top:0}.performance-grid>div:nth-child(3n+1){border-left:0;padding-left:0}.performance-grid small{flex:0 0 100%}.performance-grid strong{color:#192233;letter-spacing:-.03em;font-size:18px}.performance-grid strong.danger{color:var(--red)}.performance-grid em{color:#6c788b;font-size:9px;font-style:normal}.line-chart{border-bottom:1px solid #e8edf3;height:132px;margin-top:7px;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#edf1f5;stroke-width:1px;vector-effect:non-scaling-stroke}.rps-line,.latency-line{fill:none;stroke-width:2.2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.rps-line{stroke:#1769ff}.latency-line{stroke:#23ad72}.chart-empty{color:#98a3b3;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.chart-legend{gap:10px;font-size:8px;display:flex}.chart-legend .blue{color:#1769ff}.chart-footer{color:#69768a;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.event-list{gap:3px;max-height:180px;display:grid;overflow:auto}.event-row{border-bottom:1px solid #f0f3f7;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;min-height:32px;padding:4px 0;display:grid}.event-row>i{background:#28ad70;border-radius:50%;width:8px;height:8px}.event-row>span{gap:2px;min-width:0;display:grid}.event-row strong{text-overflow:ellipsis;white-space:nowrap;color:#364154;font-size:9px;overflow:hidden}.event-row small,.event-row time{color:#94a0b0;font-size:8px}.event-row.rejected>i{background:#ef4757}.event-row.websocket>i{background:#2878ef}.event-row.kafka>i{background:#7558df}.event-row.error>i{background:#ef4757;box-shadow:0 0 0 3px #ffedf0}.event-empty{text-align:center;color:#98a3b3;place-items:center;min-height:120px;font-size:10px;line-height:1.5;display:grid}.bar-chart{border-bottom:1px solid #e8edf3;justify-content:stretch;align-items:flex-end;gap:5px;height:126px;padding:11px 0 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bar-column span{color:#7a8799;font-size:7px}.bar-column i{background:linear-gradient(#2979ff,#1769ff);border-radius:3px 3px 0 0;width:68%;min-height:7px}.bars-empty{color:#98a3b3;text-align:center;align-self:center;width:100%;font-size:10px}.bar-summary{grid-template-columns:repeat(3,1fr);margin-top:9px;display:grid}.bar-summary div{text-align:center;border-left:1px solid #edf1f5;gap:2px;display:grid}.bar-summary div:first-child{border-left:0}.bar-summary small{color:#8994a6;font-size:8px}.bar-summary strong{color:#263246;font-size:12px}.run-footer{color:#8792a3;background:#fff;border:1px solid #dde4ed;border-radius:10px;align-items:center;gap:24px;min-height:50px;margin-top:13px;padding:8px 14px;font-size:9px;display:flex}.run-footer strong{color:#4c586b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.run-footer button{margin-left:auto}.primary-button,.secondary-button,.danger-button,.primary,.secondary{border-radius:7px;min-height:36px;padding:0 14px;font-weight:800}.primary-button,.primary{color:#fff;background:#1769ff}.secondary-button,.secondary{color:#3d4a5e;background:#eef3f9;border:1px solid #dbe3ed}.danger-button{color:#fff;background:#ee3445}.advanced-lab{background:#f4f7fb;min-height:calc(100vh - 120px);padding:34px}.advanced-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.advanced-heading h1{color:#172033;letter-spacing:-.04em;margin:4px 0 7px;font-size:30px}.advanced-heading p:not(.eyebrow){color:#738096;margin:0}.panel{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:20px;box-shadow:0 5px 18px #182c4d0a}.top-grid,.detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:14px;margin-top:14px;display:grid}.detail-grid{grid-template-columns:1fr 1fr}.section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.section-heading h2{margin:0;font-size:16px}.scope-badge,.mode{color:#1769ff;background:#edf4ff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.form-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.form-grid label{color:#4f5c70;gap:6px;font-size:12px;display:grid}.form-grid .wide{grid-column:span 2}input,select{color:#1b2638;background:#fff;border:1px solid #d5dfe9;border-radius:7px;width:100%;min-height:38px;padding:8px 10px}label small,.muted,.empty{color:#8995a7}.load-warning{color:#647187;background:#f2f6fb;border-radius:8px;padding:11px;font-size:12px}.actions{gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0;display:grid}.metric-card{background:#fff;border:1px solid #dde5ee;border-radius:10px;gap:5px;padding:14px;display:grid}.metric-card span,.metric-card small{color:#8190a5;font-size:10px}.metric-card strong{color:#1c2739;font-size:22px}.metric-card.success strong{color:#16a064}.metric-card.rejected strong{color:#d68a00}.metric-card.error strong{color:#e83b4a}.latency-grid{grid-template-columns:repeat(5,1fr);margin:0;display:grid}.latency-grid div{border-left:1px solid #e6ebf1;padding:9px}.latency-grid div:first-child{border-left:0}.flow-panel,.history{margin-top:14px}.status-list{gap:10px;margin:0;display:grid}.status-list div{border-bottom:1px solid #edf1f5;grid-template-columns:90px 1fr;gap:12px;padding-bottom:8px;display:grid}dt{color:#8693a6}dd{overflow-wrap:anywhere;margin:0}.trace-heading{align-items:center}.follow-toggle{color:#6f7c90;align-items:center;gap:5px;font-size:11px;display:flex}.follow-toggle input{width:auto;min-height:0}.sampling-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.sampling-grid div{border:1px solid #e0e6ee;border-radius:8px;gap:4px;padding:11px;display:grid}.trace-toolbar{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.trace-toolbar button{color:#4e5b70;background:#f4f7fb;border:1px solid #dbe3ed;border-radius:7px;padding:7px 9px}.trace-toolbar button.active{color:#1769ff;background:#edf4ff;border-color:#1769ff}.flow-lanes{grid-template-columns:repeat(8,minmax(110px,1fr));gap:6px;padding-bottom:5px;display:grid;overflow-x:auto}.flow-node{background:#fafcff;border:1px solid #dce5ef;border-radius:8px;align-items:center;min-height:58px;padding:9px;display:grid}.request-token-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px;margin-top:12px;display:grid}.request-token{text-align:left;background:#fff;border:1px solid #dce5ef;border-radius:8px;gap:3px;min-height:68px;padding:9px;display:grid}.request-token.success{border-color:#8ed9b6}.request-token.business_rejected{border-color:#e4c57c}.request-token.system_error,.request-token.timeout{border-color:#efa2ad}.trace-detail{border-top:1px solid #e6ebf1;margin-top:12px;padding-top:12px}.waterfall{gap:6px;margin-top:9px;display:grid}.waterfall-row{grid-template-columns:150px minmax(120px,1fr) 60px;align-items:center;gap:10px;display:grid}.waterfall-track{background:#edf2f7;border-radius:999px;align-items:center;min-height:15px;display:flex;overflow:hidden}.waterfall-track i{background:#1769ff;border-radius:999px;height:7px;display:block}.data-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.data-node{background:#fbfcfe;border:1px solid #dce5ef;border-radius:9px;gap:9px;min-width:0;padding:13px;display:grid}.secondary-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.loading-screen{color:#d8e2ef;background:#08121f;justify-content:center;align-items:center;gap:12px;min-height:520px;display:flex}.loading-dot{background:#2ae98a;border-radius:50%;width:10px;height:10px;animation:1.2s infinite loadingPulse}@keyframes loadingPulse{50%{opacity:.3;transform:scale(.72)}}@media (width<=1180px){.portfolio-shell{width:calc(100% - 20px);margin-top:10px}.site-header{grid-template-columns:auto 1fr auto;padding:0 24px}.desktop-nav{justify-self:center;gap:20px}.lab-hero{grid-template-columns:1fr;padding:36px 26px 26px}.hero-copy{max-width:780px}.hero-copy h1{font-size:42px}.hero-visual{min-height:340px}.dashboard-top-grid{grid-template-columns:1fr 1fr}.performance-card{grid-column:span 2}.dashboard-detail-grid{grid-template-columns:1.35fr .9fr}.bars-card{grid-column:span 2}.bar-chart{height:100px}}@media (width<=760px){body{background:#07111f}.portfolio-shell{width:100%;box-shadow:none;border-radius:0;margin:0}.site-header{grid-template-columns:1fr auto;height:64px;padding:0 17px}.brand{font-size:13px}.brand-mark{width:22px;height:22px}.desktop-nav{display:none}.header-actions{grid-column:2}.live-badge{min-height:29px;padding:0 9px;font-size:0}.live-badge:after{content:"Live";font-size:9px}.live-badge.offline:after{content:"Offline"}.mobile-menu{display:block}.lab-hero{background:radial-gradient(circle at 50% 15%,#1769ff21,#0000 18rem),#07111f;min-height:auto;padding:30px 14px 16px;display:block}.hero-copy{text-align:center}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:25px;line-height:1.35}.hero-copy h1 br:nth-of-type(2){display:none}.hero-copy>p:not(.eyebrow){margin-top:13px;font-size:11px;line-height:1.65}.desktop-only{display:none}.experiment-config{text-align:left;margin-top:16px;padding:13px}.config-title{margin-bottom:12px}.config-title small{display:none}.config-grid{grid-template-columns:1fr;gap:11px}.config-group{grid-template-columns:74px 1fr auto;align-items:center;gap:8px}.config-group>span{font-size:10px}.config-group>small{font-size:8px}.pattern-group{grid-template-columns:74px 1fr}.pattern-group .segmented{grid-column:2}.stepper{height:33px}.segmented{min-height:33px}.segmented button{padding:0 5px;font-size:9px}.config-actions{grid-template-columns:1fr;gap:7px;display:grid}.run-button,.stop-button{width:100%;min-height:38px}.reset-link{justify-self:center}.hero-visual{min-height:auto;margin-top:13px;display:block}.run-status-bar{grid-template-columns:auto auto 1fr;gap:8px 11px;min-height:66px;padding:10px 11px;font-size:9px}.run-status-bar>span:nth-child(3){text-align:right}.progress-track{grid-area:2/1/auto/-1}.status-rps{grid-column:1/3}.recent-delta{text-align:right}.run-status-bar strong{font-size:11px}.run-state{font-size:10px}.engine-flow{grid-template-columns:1fr 22px 1fr 22px 1fr;min-height:155px;padding:5px 0 39px}.engine-flow:before{opacity:.18}.engine-node{border-radius:9px;min-height:65px;padding:7px 4px}.engine-node span{font-size:8px}.engine-node strong{font-size:12px}.engine-node small{font-size:6px}.request-node strong{font-size:13px}.redis-engine strong{font-size:8px}.flow-connector span{font-size:16px}.engine-branches{gap:6px;width:46%;top:100px}.engine-branches .engine-node{min-height:43px}.branch-lines{display:none}.outcome-float{padding:5px 7px;font-size:7px;bottom:1px;left:30%}.flow-top-label{display:none}.dashboard-body{border-radius:14px 14px 0 0;padding:11px}.dashboard-top-grid,.dashboard-detail-grid{grid-template-columns:1fr;gap:9px;margin-top:0}.dashboard-detail-grid{margin-top:9px}.performance-card,.bars-card{grid-column:auto}.dashboard-card{border-radius:9px;padding:13px}.card-title-row{margin-bottom:9px}.card-title-row h2{font-size:12px}.auction-primary strong{font-size:17px}.metric-row strong{font-size:12px}.sync-content{grid-template-columns:.75fr 1.25fr}.sync-score strong{font-size:31px}.performance-grid>div{min-height:49px}.performance-grid strong{font-size:16px}.chart-card,.bars-card{display:none}.events-card{order:4}.event-list{max-height:150px}.run-footer{flex-wrap:wrap;gap:6px 12px;font-size:8px}.run-footer button{width:100%;margin-top:5px;margin-left:0}.advanced-lab{padding:20px 12px}.advanced-heading{display:grid}.advanced-heading h1{font-size:24px}.top-grid,.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:span 2}.metric-grid{grid-template-columns:repeat(2,1fr)}.data-flow-grid,.secondary-flow{grid-template-columns:1fr}}.report-page{color:#111827;background:#f4f7fb;min-height:720px;padding:34px 30px 40px}.report-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.report-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,44px);line-height:1.15}.report-heading>div>p:last-child{color:#6b778c;margin:12px 0 0;font-size:14px}.report-empty{color:#6b778c;text-align:center;background:#fff;border:1px dashed #cad5e4;border-radius:16px;align-content:center;place-items:center;gap:8px;min-height:360px;display:grid}.report-empty strong{color:#142033;font-size:18px}.report-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.report-kpi{background:#fff;border:1px solid #dce4ee;border-radius:12px;min-width:0;min-height:132px;padding:20px 20px 17px;box-shadow:0 2px 5px #16263d06}.report-kpi small,.report-kpi span{color:#718096;display:block}.report-kpi small{margin-bottom:16px;font-size:12px;font-weight:700}.report-kpi strong{color:#101827;letter-spacing:-.035em;font-size:28px;line-height:1}.report-kpi em{color:#61718a;margin-left:5px;font-size:11px;font-style:normal}.report-kpi span{margin-top:16px;font-size:10px}.report-kpi.success strong{color:#16a064}.report-panel{background:#fff;border:1px solid #dce4ee;border-radius:12px;min-width:0;padding:20px;box-shadow:0 2px 5px #16263d06}.report-panel-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.report-panel-title h2{letter-spacing:-.02em;margin:0;font-size:15px}.report-panel-title p{color:#8996a8;margin:5px 0 0;font-size:10px}.report-history-panel{margin-bottom:16px}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.report-table th{color:#5f6f86;text-align:left;background:#f4f7fb;padding:10px 12px;font-size:10px;font-weight:750}.report-table td{color:#35445a;border-bottom:1px solid #edf1f6;padding:13px 12px}.report-table tbody tr{transition:background .18s}.report-table tbody tr:hover,.report-table tbody tr.selected{background:#f8fbff}.report-table tbody tr:last-child td{border-bottom:0}.report-table td strong{color:#152237}.speed-dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.speed-dot.fast{background:#ef4e5d}.speed-dot.normal{background:#f0a11d}.speed-dot.slow{background:#3e92f1}.report-status{color:#987014;background:#fff9e9;border:1px solid #e9c978;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.report-status.pass{color:#16844f;background:#f0fbf5;border-color:#a8dfc2}.table-detail-button{color:#33425a;background:#f8fafc;border:1px solid #dbe4ef;border-radius:7px;min-height:30px;padding:0 10px;font-size:10px;font-weight:750}.table-detail-button:hover,.table-detail-button.active{color:#1769ff;background:#edf4ff;border-color:#bfd4f5}.report-detail-row:hover{background:0 0!important}.report-detail-row td{white-space:normal;background:#f8fbff;border-bottom:1px solid #dfe8f5;padding:0 12px 14px}.inline-report-detail{background:#fff;border:1px solid #d6e3f5;border-radius:10px;padding:16px 18px 18px;box-shadow:inset 3px 0 #1769ff}.inline-detail-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;display:flex}.inline-detail-heading>div{gap:4px;display:grid}.inline-detail-heading strong{color:#152237;font-size:13px}.inline-detail-heading span{color:#7b899d;font-size:9px}.detail-session-id{text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.inline-detail-grid{background:#e3eaf3;border:1px solid #e3eaf3;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.inline-detail-grid>div{background:#fff;min-width:0;padding:13px 12px}.inline-detail-grid small{color:#7c899d;margin-bottom:7px;font-size:9px;display:block}.inline-detail-grid strong{text-overflow:ellipsis;color:#17253a;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.inline-detail-grid .detail-success strong{color:#15945b}.inline-detail-grid .detail-rejected strong{color:#df3f4e}.report-more{color:#1769ff;background:0 0;margin:12px auto 0;padding:7px 14px;font-size:10px;font-weight:800;display:block}.report-chart-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,.9fr);gap:16px;margin-bottom:16px;display:grid}.report-chart-legend{align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.report-chart-legend .throughput{color:#2d83ec}.report-chart-legend .latency{color:#24a36b}.report-line-chart{min-height:220px;position:relative}.report-line-chart svg{width:100%;height:180px;overflow:visible}.report-grid-line{stroke:#e8edf4;stroke-width:1px}.report-throughput-line,.report-latency-line{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.report-throughput-line{stroke:#2d83ec}.report-latency-line{stroke:#24a36b}.trend-labels{color:#97a3b4;text-align:center;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin-top:4px;font-size:8px;display:grid}.distribution-body{grid-template-columns:150px 1fr;align-items:center;gap:22px;min-height:220px;display:grid}.donut{--a:120deg;--b:240deg;aspect-ratio:1;background:conic-gradient(#438fd9 0 var(--a), #34a66b var(--a) var(--b), #f3a316 var(--b) 360deg);border-radius:50%;place-items:center;width:150px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:30px}.donut>div{z-index:2;text-align:center;display:grid;position:relative}.donut strong{color:#16243a;font-size:20px}.donut span{color:#758399;font-size:9px}.distribution-list{gap:15px;display:grid}.distribution-list>div{color:#4c5b70;grid-template-columns:9px 1fr auto auto;align-items:center;gap:7px;font-size:10px;display:grid}.distribution-list i{border-radius:50%;width:8px;height:8px}.distribution-list i.tone-0{background:#438fd9}.distribution-list i.tone-1{background:#34a66b}.distribution-list i.tone-2{background:#f3a316}.distribution-list strong{color:#17253a}.distribution-list small{color:#97a3b4}.blue-value{color:#1769ff!important}.green-value{color:#15945b!important}.red-value{color:#df3f4e!important}.experiment-config .config-grid{grid-template-columns:minmax(118px,.72fr) minmax(205px,1.2fr) minmax(295px,1.75fr);gap:12px}.experiment-config .segmented{overflow:visible}.experiment-config .segmented button{text-overflow:clip;white-space:nowrap;min-width:0;min-height:38px;padding:0 11px;overflow:visible}.chart-card .line-chart svg,.bars-card .bar-chart,.events-card .event-list{position:relative}@media (width<=1180px){.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-chart-grid{grid-template-columns:1fr}.inline-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experiment-config .config-grid{grid-template-columns:1fr 1fr}.experiment-config .pattern-group{grid-column:1/-1}}@media (width<=760px){.report-page{padding:24px 14px 30px}.report-heading{margin-bottom:18px}.report-heading h1{font-size:30px}.report-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.report-kpi{min-height:114px;padding:16px}.report-kpi strong{font-size:23px}.report-history-panel{padding:14px}.report-table{min-width:930px}.report-chart-grid{gap:10px}.trend-labels{grid-template-columns:repeat(5,minmax(0,1fr))}.trend-labels span:nth-child(2n){display:none}.distribution-body{grid-template-columns:120px 1fr;gap:16px}.donut{width:120px}.donut:after{inset:25px}.inline-detail-heading{flex-direction:column;align-items:flex-start;gap:8px}.detail-session-id{max-width:100%}.inline-detail-grid{grid-template-columns:1fr 1fr}.experiment-config .config-title{flex-direction:column;align-items:flex-start;gap:4px}.experiment-config .config-grid{grid-template-columns:1fr;gap:13px}.experiment-config .pattern-group{grid-column:auto}.experiment-config .segmented button{min-height:42px;font-size:12px}.experiment-config .pattern-options{grid-template-columns:.72fr .72fr 1.56fr}}@media (width<=460px){.report-summary-grid{grid-template-columns:1fr}.distribution-body{grid-template-columns:1fr;justify-items:center}.distribution-list{width:100%}.inline-detail-grid{grid-template-columns:1fr}.experiment-config .pattern-options{background:0 0;border:0;grid-template-columns:1fr;gap:6px}.experiment-config .pattern-options button{background:#0b182b;border-radius:8px;border:1px solid #344a6b!important}.experiment-config .pattern-options button.active{background:#1769ff}}.experiment-config .config-grid{grid-template-columns:minmax(104px,.72fr) minmax(0,1.28fr);align-items:end;gap:12px}.experiment-config .bidders-control{grid-column:1}.experiment-config .speed-group{grid-column:2}.experiment-config .pattern-group{grid-column:1/-1}.experiment-config .segmented,.experiment-config .pattern-options{width:100%;max-width:100%;overflow:hidden}.experiment-config .segmented button{text-overflow:clip;white-space:nowrap;min-width:0;padding-inline:8px;overflow:hidden}.experiment-config .pattern-options{grid-template-columns:.8fr .8fr 1.6fr}.compact-run-status{grid-template-columns:minmax(112px,auto) repeat(4,minmax(105px,1fr));gap:14px}.compact-run-status>span:not(.run-state){white-space:nowrap;gap:3px;min-width:0;display:grid}.compact-run-status>span:not(.run-state) strong{display:block}.engine-flow{grid-template-rows:minmax(92px,auto) minmax(82px,auto);grid-template-columns:minmax(112px,.82fr) 42px minmax(150px,1.08fr) 42px minmax(150px,1fr);align-items:center;gap:18px 8px;min-height:275px;padding:24px 0 18px}.engine-flow .request-node{grid-area:1/1}.engine-flow .request-node+.flow-connector{grid-area:1/2}.engine-flow .redis-engine{grid-area:1/3}.engine-flow .redis-engine+.flow-connector{grid-area:1/4}.engine-flow .version-node{grid-area:1/5}.engine-flow .branch-lines{display:none}.engine-flow .engine-branches{grid-area:2/4/auto/6;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:12px;width:100%;display:grid;position:static}.engine-flow .engine-branches .engine-node{width:100%;min-width:0;min-height:78px}.engine-flow .outcome-float{grid-area:2/2/auto/4;place-self:center;max-width:100%;position:static}.engine-flow .flow-top-label{top:0;left:31%}.sync-card .sync-content{grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);align-items:center}.sync-card .sync-score strong{font-size:36px}.compact-participants{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}.compact-participants>div{background:#fbfcfe;border:1px solid #edf1f6;border-radius:7px;grid-template-columns:minmax(0,1fr) auto 14px;gap:5px;min-width:0;padding:5px 7px}.compact-participants span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sync-explainer{color:#7d8a9e;border-top:1px solid #edf1f6;margin:10px 0 0;padding-top:9px;font-size:9px;line-height:1.5}.lab-hero,.hero-copy,.hero-visual,.engine-flow,.experiment-config,.config-grid,.config-group{min-width:0}.hero-copy,.hero-visual{overflow:visible}@media (width<=1280px){.lab-hero{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)}.compact-run-status{grid-template-columns:auto repeat(2,minmax(105px,1fr));row-gap:9px}.engine-flow{grid-template-columns:minmax(100px,.78fr) 34px minmax(138px,1fr) 34px minmax(138px,.95fr);column-gap:6px}.engine-node{padding-inline:9px}.engine-flow .engine-branches{gap:8px}}@media (width<=1050px){.lab-hero{grid-template-columns:1fr}.hero-visual{min-height:330px}.experiment-config .config-grid{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr)}}@media (width<=760px){.experiment-config .config-grid{grid-template-columns:1fr}.experiment-config .bidders-control,.experiment-config .speed-group,.experiment-config .pattern-group{grid-column:1}.compact-run-status{grid-template-columns:1fr 1fr;gap:10px 14px}.compact-run-status .run-state{grid-column:1/-1}.engine-flow{grid-template-rows:auto auto auto;grid-template-columns:1fr 30px 1fr;gap:10px 6px;min-height:auto;padding-bottom:4px}.engine-flow .request-node{grid-area:1/1}.engine-flow .request-node+.flow-connector{grid-area:1/2}.engine-flow .redis-engine{grid-area:1/3}.engine-flow .redis-engine+.flow-connector{display:none}.engine-flow .version-node{grid-area:2/1/auto/-1;justify-self:center;width:min(220px,100%)}.engine-flow .engine-branches{grid-area:3/1/auto/-1}.engine-flow .outcome-float,.engine-flow .flow-top-label{display:none}.sync-card .sync-content{grid-template-columns:1fr}.compact-participants{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.experiment-config .pattern-options{background:0 0;border:0;grid-template-columns:1fr;gap:6px}.experiment-config .pattern-options button{border-radius:8px;border:1px solid #344a6b!important}.compact-run-status{grid-template-columns:1fr}.compact-run-status .run-state{grid-column:auto}.engine-flow .engine-branches,.compact-participants{grid-template-columns:1fr}}