@font-face{font-family:Pretendard;src:url('vendor/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#18384e;--muted:#7a91a3;--line:#e4edf2;--teal:#24b8c3;--amber:#d99220;--paper:#fbfdff;font-family:Pretendard,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;word-break:keep-all}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:2px solid #13a5b4;outline-offset:5px}button{touch-action:manipulation}.topbar{height:60px;display:flex;align-items:center;gap:36px;padding:0 38px;background:linear-gradient(110deg,#193c55,#213f54);color:#e9f1f5}.brand{font-size:25px;font-weight:750;letter-spacing:1px;margin-right:10px}.nav-label{height:60px;display:flex;align-items:center;font-size:14px;color:#c0d2de;position:relative}.nav-label.selected{color:white;font-weight:650}.nav-label.selected:after{content:'';position:absolute;bottom:8px;left:0;right:0;height:2px;background:#52d7d7}.preview-tag{margin-left:auto;font-size:12px;color:#b9d3de;display:flex;align-items:center;gap:8px}.preview-tag:before{content:'';width:6px;height:6px;background:#64d8dc;border-radius:50%}#app{max-width:1920px;margin:auto;padding:32px 34px 18px;height:calc(100svh - 60px);min-height:650px;display:flex;flex-direction:column}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:650;color:#88a0b1;margin-bottom:9px}h1{font-size:clamp(23px,2.1vw,34px);font-weight:650;letter-spacing:-1.2px;margin:0}.observation{font-size:12px;text-align:right;color:#7b91a1}.observation strong{font-weight:550;color:#35576c}.observation small{display:block;font-size:10px;margin-top:8px;color:#96aab7}.summary{display:flex;align-items:center;gap:32px;padding:22px 0 20px;border-bottom:1px solid var(--line)}.received{font-size:14px;display:flex;align-items:center;gap:12px}.received strong{font-size:36px;letter-spacing:-1.1px;font-weight:620;font-variant-numeric:tabular-nums}.received>span{font-size:11px;color:#92a5b2;padding-top:10px}.state-summary{display:flex;gap:27px;align-items:center;margin-left:auto;font-size:12px;color:#7790a1}.state-summary>span,.state-summary>button{display:flex;gap:8px;align-items:center}.state-summary b{font-size:19px;font-weight:550;margin-left:4px;color:#355367;font-variant-numeric:tabular-nums}.pending-summary{background:transparent;border:0;padding:6px 0;color:#b88327}.pending-summary b{color:#b88327}.running-mark{display:inline-block;width:8px;height:8px;border:1.4px solid #9cabb5;border-radius:50%}.waiting-mark{display:inline-block;width:7px;height:10px;border:1px solid #dc9c31;box-shadow:2px 2px 0 -1px var(--paper),3px 3px 0 -1px #dc9c31}.done-mark{font-size:13px;color:#6a9eae;font-style:normal}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;flex:1;min-height:0;padding-top:18px;gap:24px}.scene-shell{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 57% 55%,#e5f9fa75,transparent 57%)}.scene-caption{display:flex;justify-content:space-between;font-size:10px;color:#93a6b3;letter-spacing:.2px;padding-right:10px}.scene-caption small{font-size:10px;margin-left:12px;color:#9baeba}#flow{width:100%;flex:1;min-height:0;overflow:visible;font-family:Pretendard,sans-serif}.scene-footer{height:47px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;font-size:10px;color:#90a3af}.legend{display:flex;gap:17px;align-items:center}.legend>span{display:flex;gap:7px;align-items:center}#motion-toggle{margin-left:auto;border:1px solid #dbe7ed;background:#f7fbfd;border-radius:25px;height:32px;padding:0 14px;display:flex;gap:8px;align-items:center;color:#4c7387;font-size:10px}#motion-symbol{font-size:11px;font-weight:700}.motion-caption{font-size:9px;color:#9cabb6}#inspector{border-left:1px solid var(--line);padding:3px 0 0 24px;min-width:0}.inspector-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#96a9b6;letter-spacing:.2px}#close-detail{border:0;background:none;font-size:25px;font-weight:250;color:#6c8394;padding:0 3px;line-height:25px}h2{font-size:29px;font-weight:650;letter-spacing:-.7px;margin:18px 0 24px}.completion{width:150px;height:150px;position:relative;margin:16px auto 28px}.completion svg{width:100%;height:100%;overflow:visible}.completion-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.completion-value strong{font-size:33px;font-weight:580;letter-spacing:-1px}.completion-value span{font-size:10px;color:#92a9b5;margin-top:4px}.detail-states{display:grid;gap:14px;padding:0 0 22px;border-bottom:1px solid var(--line)}.detail-states>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#8098a8}.detail-states strong{margin-left:auto;font-size:19px;font-weight:550;color:#375b6f;font-variant-numeric:tabular-nums}.detail-states .pending-value,.pending-value strong{color:#b58537}.oldest{display:flex;align-items:center;gap:13px;margin:20px 0;padding:15px 13px;border:1px solid #f1e5cd;border-radius:8px;background:linear-gradient(90deg,#fff9ee,#fffdf8);color:#b8893b}.clock-icon{width:26px;height:26px;border:1.5px solid #d8a148;border-radius:50%;position:relative;flex-shrink:0}.clock-icon:before{content:'';position:absolute;width:1px;height:7px;background:#d8a148;left:11px;top:5px}.clock-icon:after{content:'';position:absolute;width:6px;height:1px;background:#d8a148;left:11px;top:12px;transform:rotate(32deg);transform-origin:left}.oldest span{font-size:9px;display:block;color:#be995c}.oldest strong{display:block;font-weight:550;font-size:20px;margin-top:5px;letter-spacing:.2px}.retained{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-top:1px solid var(--line);padding:18px 0;font-size:11px;color:#9aabba;gap:10px}.retained strong{margin-left:auto;font-size:15px;font-weight:500;color:#8098a8}.source-total{font-size:54px;font-weight:550;letter-spacing:-2px;margin-top:15px;color:#235f74}.source-unit{font-size:11px;color:#97acb8;margin:5px 0 24px}.hourly{width:100%;height:83px;margin:20px 0 4px}.chart-caption{font-size:9px;color:#95a9b6;margin-bottom:30px}.detail-message{font-size:11px;color:#94a7b3;line-height:1.8;margin:20px 0}.fail-count{font-size:55px;font-weight:550;margin:24px 0 6px}.fail-note{font-size:11px;color:#9cabb6;margin-bottom:25px}[data-detail=closed] .workspace{grid-template-columns:minmax(0,1fr)}[data-detail=closed] #inspector{display:none}.source-label{fill:#38657b;font-size:18px;font-weight:500}.source-count{fill:#24546a;font-size:30px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.source-bar-bg{fill:#dfedf2}.source-bar-fill{fill:#45bec8}.source-control{cursor:pointer}.source-control .source-hit{fill:transparent}.source-control.is-active .source-label{fill:#148799}.stage-control{cursor:pointer}.stage-name{fill:#284d63;font-size:20px;font-weight:550}.stage-numerator{fill:#244d64;font-size:29px;font-weight:580;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.stage-denominator{fill:#95aab7;font-size:16px;font-weight:400;letter-spacing:0}.stem{stroke:#aecad6;stroke-width:1}.stage-control.is-active .stem{stroke:#4cbfc8;stroke-width:1.25}.node-outer{fill:#fbfdff;stroke:#bedde4;stroke-width:1.6}.node-inner{fill:#3f7c90}.stage-control.is-active .node-inner{fill:#24bbc5}.active-aura{opacity:0;transition:opacity .2s}.stage-control.is-active .active-aura{opacity:1}.stage-check{fill:#fff;font-size:12px;font-weight:650;text-anchor:middle}.stage-hit{fill:transparent}.stage-control:hover .node-outer{stroke:#1bbbc9}.river-source{transition:opacity .2s}.waiting-title{fill:#ba862c;font-size:21px;font-weight:500}.waiting-subtitle{fill:#c4aa7a;font-size:12px}.waiting-line{fill:none;stroke:#d9a64b;stroke-width:1.3;stroke-dasharray:4 5}.no-js{font-size:14px;padding:20px}.source-control:focus .source-hit{stroke:#38aebd;stroke-width:1;rx:10}.stage-control:focus .stage-hit{stroke:#38aebd;stroke-width:1;rx:12}
@media(min-width:1800px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.topbar{padding:0 50px}#app{padding:38px 48px 22px}.page-head h1{font-size:34px}}
@media(max-width:800px){.topbar{height:48px;padding:0 19px;gap:22px}.brand{font-size:20px;margin-right:0}.nav-label{height:48px;font-size:11px}.nav-label:not(.selected){display:none}.preview-tag{font-size:9px}#app{height:auto;min-height:calc(100svh - 48px);padding:19px 18px 14px}.eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.8px}h1{font-size:21px;letter-spacing:-.65px}.page-head{gap:10px;align-items:flex-start}.observation{font-size:9px;white-space:nowrap;padding-top:4px}.observation small{font-size:8px;margin-top:6px;white-space:normal;max-width:105px;line-height:1.5}.summary{gap:12px;align-items:flex-end;padding:14px 0}.received{font-size:10px;gap:7px;flex-wrap:wrap}.received strong{font-size:27px}.received>span{display:none}.state-summary{gap:11px;font-size:8px;flex-wrap:wrap;justify-content:flex-end;max-width:188px}.state-summary>span,.state-summary>button{gap:4px}.state-summary b{font-size:13px;margin-left:0}.state-summary i{width:6px;height:7px}.state-summary .done-mark{font-size:10px;width:auto}.pending-summary{padding:0}.workspace{display:flex;flex-direction:column;gap:0;padding-top:12px;min-height:0}.scene-caption{font-size:8px}.scene-caption small{font-size:8px;margin-left:4px}.scene-shell{flex:none}#flow{width:100%;height:auto;flex:none;aspect-ratio:540/460}.scene-footer{height:43px;gap:9px;font-size:8px}.legend{gap:10px}.legend>span{gap:4px}.legend .running-mark{width:6px;height:6px}.legend .waiting-mark{width:5px;height:7px}#motion-toggle{font-size:9px;height:28px;padding:0 11px}.motion-caption{display:none}#inspector{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;display:grid;grid-template-columns:116px 1fr;column-gap:20px;position:relative}.inspector-header{grid-column:1/-1;position:absolute;right:0;top:13px}.inspector-header>span{display:none}h2{font-size:21px;margin:0 0 12px;grid-column:1;grid-row:1}.completion{width:110px;height:110px;margin:0}.completion-value strong{font-size:25px}.completion-value span{font-size:8px}#detail-content{display:contents}.completion{grid-column:1;grid-row:2}.detail-states{grid-column:2;grid-row:2;gap:9px;padding-bottom:10px;align-self:center}.detail-states>div{font-size:10px}.detail-states strong{font-size:16px}.oldest{grid-column:1/-1;margin:12px 0 0;padding:10px 12px;gap:12px}.oldest>div{display:flex;align-items:center;gap:16px}.oldest span{font-size:9px}.oldest strong{font-size:16px;margin:0}.clock-icon{width:23px;height:23px}.clock-icon:before,.clock-icon:after{left:10px}.retained{grid-column:1/-1;font-size:10px;padding:12px 0;margin-top:12px}.source-total,.source-unit,.hourly,.chart-caption,.detail-message,.fail-count,.fail-note{grid-column:1/-1}.source-total{font-size:36px;margin:8px 0}.source-unit{margin:0 0 8px}.hourly{height:65px;margin:8px 0 3px}.chart-caption{margin-bottom:5px}.detail-message{margin:5px 0}.fail-count{font-size:38px;margin:10px 0}.source-label{font-size:16px}.source-count{font-size:28px}.stage-name{font-size:20px}.stage-numerator{font-size:22px}.stage-denominator{font-size:11px}.stage-check{font-size:10px}.waiting-title{font-size:15px}.waiting-subtitle{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,#motion-toggle,.preview-tag{display:none}#app{height:auto;min-height:0}.workspace{min-height:450px}.scene-shell{min-height:400px}.observation small{display:block}}

@media(max-width:800px){.stage-name,.stage-numerator,.source-label{paint-order:stroke;stroke:#fbfdff;stroke-width:3px;stroke-linejoin:round}}