[hidden]{display:none!important}
.routebar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;background:#fbfdff}
#breadcrumb{font-size:11px;color:#8ca0af;display:flex;align-items:center;gap:12px}#breadcrumb button{border:0;background:none;padding:4px 0;color:#547e90;font-size:11px}#breadcrumb span:last-child{color:#284e63}
.route-tabs{display:flex;gap:25px;height:100%;align-items:stretch}.route-tabs button{background:none;border:0;font-size:11px;color:#8a9fac;position:relative;padding:0 3px}.route-tabs button[aria-current=page]{color:#158e9c;font-weight:650}.route-tabs button[aria-current=page]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#29bdc7}
#app{height:calc(100svh - 108px);min-height:620px;padding-top:26px}#route-content{max-width:1680px;margin:0 auto;padding:28px 34px 36px;min-height:calc(100svh - 108px);outline:0}
.flow-explore{margin:18px 0 20px}.primary{border:0;background:linear-gradient(100deg,#2099aa,#27bcc5);color:white;min-height:39px;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;box-shadow:0 4px 14px #169caa12}.flow-explore small{display:block;margin-top:10px;color:#94a6b1;font-size:9px;line-height:1.7}
#route-status:not(:empty){padding:8px 34px;background:#fff8e8;color:#9c722f;font-size:12px}#route-status:empty{display:none}
.route-error{max-width:540px;margin:12vh auto;padding:25px;border-top:2px solid #d4ad62}.route-error h1{font-size:24px}.route-error p{font-size:13px;line-height:1.8;color:var(--muted)}.route-error button{background:white;border:1px solid var(--line);border-radius:5px;padding:9px 16px}
@media(max-width:800px){.routebar{height:auto;min-height:58px;padding:8px 18px;align-items:flex-start;flex-direction:column;gap:5px}#breadcrumb,#breadcrumb button{font-size:9px}.route-tabs{width:100%;justify-content:space-between;gap:15px;height:25px}.route-tabs button{font-size:10px}#app{height:auto;min-height:calc(100svh - 106px);padding-top:18px}#route-content{padding:20px 18px 30px}.flow-explore{grid-column:1/-1;margin:16px 0 5px}.flow-explore small{font-size:9px;line-height:1.5}.flow-explore small br{display:none}.flow-explore .primary{font-size:11px;min-height:35px}#route-status:not(:empty){padding:8px 18px}}
@media(prefers-reduced-motion:no-preference){#route-content{animation:route-enter .24s ease-out}@keyframes route-enter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}}

/* Keep the fitted flow invariant when inspector content changes. */
@media(min-width:801px){.workspace{grid-template-rows:minmax(0,1fr)}#inspector{min-height:0;height:100%;overflow-y:auto;scrollbar-gutter:stable}}
@media(max-width:800px){#inspector{height:380px;min-height:380px;max-height:380px;overflow-y:auto;scrollbar-gutter:stable;align-content:start;flex-shrink:0}}

.queue-count{display:flex;flex-direction:column;gap:8px;margin:24px 0;color:#b58537}.queue-count strong{font-size:62px;font-weight:550;letter-spacing:-2px}.queue-count span{font-size:12px}.queue-gap{border-top:1px solid var(--line);padding-top:18px;color:#8496a4;font-size:11px;line-height:1.7}.queue-gap strong{font-weight:600;color:#4a6a80}.queue-gap p{margin:8px 0}
@media(max-width:800px){.queue-count,.queue-gap{grid-column:1/-1}.queue-count{margin:8px 0}.queue-count strong{font-size:36px}.queue-gap{padding-top:10px}}