/* Scope the denser console to the fourth use-case demo. */
.ld-shell{--ld-bg:#111a18;--ld-panel:#192420;--ld-line:#33433b;--ld-muted:#a5b7ad;--ld-text:#e5ede7;--ld-green:#b7f343;width:min(1560px,calc(100% - 48px));margin:0 auto 30px;border:1px solid #35483b;border-radius:9px;background:var(--ld-bg);color:var(--ld-text);font-family:Inter,sans-serif;box-shadow:0 20px 55px #07110e18;overflow:hidden;font-size:12px}.ld-shell button,.ld-shell select,.ld-shell input{font:inherit;color:inherit}.ld-shell button{cursor:pointer;border:1px solid #43564a;border-radius:5px;padding:9px 12px;background:#223229;text-align:left;transition:background .15s}.ld-shell button:hover{background:#304333}.ld-shell button:disabled{opacity:.4;cursor:default}.ld-shell button:focus-visible,.ld-shell input:focus-visible,.ld-shell select:focus-visible{outline:2px solid #b7f343;outline-offset:3px}.ld-header{display:flex;align-items:center;gap:24px;padding:18px 25px;background:#0c1411;border-bottom:1px solid var(--ld-line)}.ld-brand{display:flex;align-items:center;gap:11px}.ld-brand>span{color:#b7f343;font-size:25px}.ld-brand strong{font-size:20px;letter-spacing:-.04em}.ld-brand small{font:9px monospace;letter-spacing:.12em;color:var(--ld-muted);border-left:1px solid var(--ld-line);padding-left:14px}.ld-header>button{margin-left:auto}.ld-sandbox{font:10px monospace;color:#b7d992;display:flex;gap:7px;align-items:center}.ld-sandbox i{height:6px;width:6px;border-radius:50%;background:#b7f343}.ld-toolbar{padding:27px 25px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ld-toolbar .uc-kicker{font-size:9px;color:var(--ld-muted);margin:0 0 6px}.ld-toolbar h2{font-size:28px;letter-spacing:-.045em;margin:0;color:var(--ld-text)}.ld-filter-controls{display:flex;gap:12px;align-items:end}.ld-shell label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--ld-muted)}.ld-shell select,.ld-shell input{border:1px solid #43564a;background:#101c16;border-radius:4px;padding:9px 12px;color:var(--ld-text);min-height:36px}.ld-filterbar{display:flex;gap:14px;align-items:end;padding:0 25px 22px}.ld-filterbar>label:first-child{flex:1;max-width:420px}.ld-filterbar>span{margin-left:auto;color:#9eb1a3;font:9px/1.8 monospace;text-align:right}.ld-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 25px 20px}.ld-metrics>div{border:1px solid var(--ld-line);background:var(--ld-panel);border-radius:6px;padding:17px 15px;display:flex;flex-direction:column;gap:9px}.ld-metrics span{font-size:11px;color:var(--ld-muted)}.ld-metrics b{font-size:28px;font-weight:550;letter-spacing:-.05em}.ld-metrics small{font:9px/1.6 monospace;color:var(--ld-muted)}.ld-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 25px 22px}.ld-panel{border:1px solid var(--ld-line);background:var(--ld-panel);border-radius:6px;min-width:0;margin-bottom:16px}.ld-overview .ld-panel{margin:0}.ld-panel-head{padding:16px 17px 12px;border-bottom:1px solid var(--ld-line)}.ld-panel h3{font-size:12px;color:var(--ld-text);margin:0 0 7px}.ld-panel-head p{font:9px/1.7 monospace;color:var(--ld-muted);margin:0}.ld-chart{display:flex;align-items:end;justify-content:space-around;gap:8px;height:146px;padding:15px 15px 12px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#ffffff05 35px,#ffffff05 36px)}.ld-chart .ld-chart-col{display:flex;align-items:center;flex-direction:column;justify-content:end;border:0!important;background:transparent;padding:0 7px;height:100%;min-width:0;flex:1;gap:7px}.ld-chart-col span{font:9px monospace;color:#bdccb9}.ld-chart-col small{font:9px monospace;color:#9eb1a3;white-space:nowrap}.ld-chart-col i{width:min(100%,44px);min-width:8px;background:#b7f34388;border-radius:3px 3px 0 0;display:block}.ld-chart-col i.slow{background:#e6ae6d99}.ld-chart-col.active i{outline:1px solid #c9efac;outline-offset:3px}.ld-topology{padding:15px;text-align:center}.ld-topology>button{font-size:11px;border-color:#7d9f64}.ld-node-dot{display:inline-block;width:7px;height:7px;background:#b7f343;border-radius:50%;margin-right:7px}.ld-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:24px;position:relative}.ld-branches:before{content:'';position:absolute;top:10px;left:16%;right:16%;height:1px;background:#5a755c}.ld-branches button{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;padding:10px 4px;background:#152019;min-width:0}.ld-branches button:before{content:'';position:absolute;top:-14px;height:14px;left:50%;width:1px;background:#5a755c}.ld-branches strong{font-size:10px;font-weight:500}.ld-branches small{font:8px/1.7 monospace;color:#afc0b3}.ld-node-alert{font-size:8px;color:#f0b17a}.ld-explorer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:0 25px 22px}.ld-explorer>aside .ld-panel{height:100%;margin:0}.ld-trace-list button{display:flex;justify-content:space-between;align-items:start;border:0;border-bottom:1px solid var(--ld-line);border-radius:0;padding:15px 12px;width:100%;gap:8px;background:transparent}.ld-trace-list button[aria-pressed=true]{background:#b7f34312;box-shadow:inset 3px 0 #b7f343}.ld-trace-list strong{font:11px monospace}.ld-trace-list small{display:block;color:#a5b7ad;font:8px/1.8 monospace;margin-top:7px}.ld-trace-list button>span:last-child{text-align:right}.ld-badge{display:inline-block;border:1px solid #5d7957;border-radius:4px;color:#c2e6a9;background:#9ac7750d;padding:3px 6px;font:8px/1.3 monospace;white-space:nowrap}.ld-badge.ld-recovered{color:#edc797;border-color:#846941}.ld-badge.ld-error{color:#ffb3a8;border-color:#97584c}.ld-detail{min-width:0}.ld-tabs{display:flex;gap:8px;border-bottom:1px solid var(--ld-line);margin-bottom:17px;overflow-x:auto}.ld-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 9px;color:#b2c1b4;white-space:nowrap;font-size:11px}.ld-tabs button[aria-selected=true]{border-bottom-color:#b7f343;color:#d7fbb1}.ld-trace-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:15px}.ld-waterfall-wrap{overflow-x:auto}.ld-waterfall{min-width:510px}.ld-water-head,.ld-span-row{display:grid!important;grid-template-columns:225px minmax(130px,1fr) 65px;align-items:center;gap:0!important}.ld-water-head{padding:13px 0;color:#a9bcae;font:8px monospace}.ld-water-head>span{padding-left:12px}.ld-water-head>div{display:flex;justify-content:space-between;padding-right:5px}.ld-span-row{width:100%;border:0!important;border-radius:0!important;padding:0!important;min-height:35px;background:transparent!important;font:9px monospace!important;text-align:left;border-top:1px solid #ffffff05!important}.ld-span-row:hover,.ld-span-row.selected{background:#b7f34312!important}.ld-span-row.selected{box-shadow:inset 2px 0 #b7f343}.ld-span-name{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;overflow:hidden}.ld-type{height:6px;width:6px;flex-shrink:0;border-radius:1px;background:#8d9d97;display:inline-block}.ld-type.agent,.ld-type.workflow{background:#b1ce75}.ld-type.model{background:#b59aee}.ld-type.tool,.ld-type.retrieval{background:#6cbac0}.ld-type.memory{background:#d3b76e}.ld-type.error{background:#ef8e7e}.ld-track{height:35px;position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#ffffff06 calc(25% - 1px),#ffffff06 25%)}.ld-bar{display:block;position:absolute;height:12px;top:11px;min-width:2px;border-radius:2px;background:#879d80}.ld-bar.agent,.ld-bar.workflow{background:#95b263}.ld-bar.model{background:#a68bd6}.ld-bar.tool,.ld-bar.retrieval{background:#65aab1}.ld-bar.memory{background:#bea25b}.ld-bar.retry{background:#d9a169}.ld-bar.error{background:#df8172}.ld-duration{font-size:8px;color:#b5c7b9;text-align:right;padding-right:9px}.ld-err-mark{color:#ff9989;margin-left:3px}.ld-legend{display:flex;gap:15px;flex-wrap:wrap;color:#b2c5b7;padding:14px 17px;font-size:9px}.ld-legend span{display:flex;align-items:center;gap:6px}.ld-inspector{padding:16px;overflow-wrap:anywhere}.ld-inspector-title{display:flex;align-items:start;gap:8px;justify-content:space-between}.ld-inspector h4{font-size:11px;line-height:1.6;margin:0 0 14px;color:#e5ede7}.ld-inspector dl{margin:0 0 20px}.ld-inspector dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff08;font-size:9px}.ld-inspector dt{color:#a9baac}.ld-inspector dd{margin:0;text-align:right}.ld-inspector pre{background:#0f1913;color:#c2d4bd;border:1px solid var(--ld-line);border-radius:4px;font:9px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px}.ld-insight{background:#b7f34308;border-left:2px solid #a0be72;padding:12px;font:10px/1.9 Inter,sans-serif;color:#cfddc9;margin:16px 0}.ld-footnote{font:9px/1.9 monospace;color:#a7b7aa;padding:0 17px 16px;margin:10px 0 0}.ld-inspector .ld-footnote{padding:0}.ld-table-scroll{overflow-x:auto;padding:0 17px}.ld-table{border-collapse:collapse;width:100%;font-size:10px}.ld-table caption{text-align:left;font:9px monospace;color:#b9cdb5;padding:16px 0}.ld-table th,.ld-table td{text-align:left;border-bottom:1px solid #33433b;padding:13px 12px 13px 0;white-space:nowrap}.ld-table th{font-weight:400;color:#a9baac;font-size:9px}.ld-table button{font-size:9px;padding:5px 8px}.ld-token-total{padding:24px 20px}.ld-token-total>b{font-size:40px;letter-spacing:-.04em;color:#d3f5ac}.ld-token-total>span{font-size:12px;margin-left:10px;color:#acbfaa}.ld-token-total small{display:block;margin-top:12px;color:#b0c0b1;font:10px monospace}.ld-token-chart{padding:0 20px}.ld-token-chart>div{display:grid;grid-template-columns:130px minmax(0,1fr) 50px;align-items:center;gap:12px;margin:18px 0;font:10px monospace}.ld-token-chart strong{text-align:right;font-weight:400}.ld-token-track{height:15px;background:#ffffff06;display:flex;overflow:hidden;border-radius:2px}.ld-token-track i{display:block;background:#a68bd6}.ld-token-track b{display:block;background:#65aab1}.ld-findings{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px}.ld-findings article{border:1px solid var(--ld-line);border-radius:5px;padding:17px;background:#142018}.ld-findings h4{font-size:14px;line-height:1.5;margin:14px 0 10px;color:#e5ede7}.ld-findings p{font-size:11px;color:#b5c8b6;line-height:1.9}.ld-findings small{font:9px/1.8 monospace;color:#a7baa5}.ld-findings button{font-size:10px}.ld-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.ld-capabilities h4{font-size:12px;color:#d2e6c7;margin:0 0 10px}.ld-capabilities p{font-size:11px;line-height:1.9;color:#b5c8b6;margin:0}.ld-capabilities a{color:#c5ec98}.ld-comparison{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:30px 20px}.ld-comparison>div{display:flex;flex-direction:column;gap:12px}.ld-comparison>div>span{font:9px monospace;color:#b9cdb5}.ld-comparison b{font-size:40px;letter-spacing:-.04em;color:#d3f5ac}.ld-comparison small{font-size:10px;color:#b0c1ae}.ld-positive{color:#c2e6a9}.ld-panel>.ld-insight{margin-inline:17px}.ld-panel>button{margin:0 17px 20px}.ld-empty{padding:20px;font-size:11px;line-height:1.8;color:#acbdae}.ld-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--ld-line);padding:16px 25px;color:#9caf9f;font:9px/1.8 monospace}.mini-lens{background:#14221d}.uc-card-grid:has(.mini-lens){grid-template-columns:repeat(2,1fr)}@media(min-width:1600px){.ld-water-head,.ld-span-row{grid-template-columns:255px minmax(130px,1fr) 65px}.ld-span-name{font-size:9px}}@media(max-width:1250px){.ld-trace-layout{grid-template-columns:1fr}.ld-inspector dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.ld-inspector pre{max-height:180px;overflow:auto}.ld-explorer{grid-template-columns:215px minmax(0,1fr)}}@media(max-width:900px){.ld-shell{width:calc(100% - 32px)}.ld-metrics{grid-template-columns:repeat(3,1fr)}.ld-metrics>div:nth-last-child(-n+2){grid-column:auto}.ld-overview{grid-template-columns:1fr}.ld-explorer{grid-template-columns:1fr}.ld-trace-list{display:flex;overflow-x:auto}.ld-trace-list button{min-width:205px;border-right:1px solid var(--ld-line)}.ld-filterbar>span{display:none}.ld-findings{grid-template-columns:1fr 1fr}.ld-capabilities{grid-template-columns:1fr}.uc-card-grid:has(.mini-lens){grid-template-columns:1fr}}@media(max-width:600px){.ld-header{padding:14px;gap:10px;flex-wrap:wrap}.ld-brand strong{font-size:18px}.ld-brand small{display:none}.ld-sandbox{font-size:8px}.ld-header>button{font-size:10px}.ld-toolbar{padding:20px 14px;align-items:start;flex-direction:column;gap:16px}.ld-toolbar h2{font-size:26px}.ld-filter-controls{width:100%;justify-content:space-between}.ld-filter-controls button{font-size:10px;max-width:135px}.ld-filterbar{padding:0 14px 18px;align-items:stretch;flex-direction:column}.ld-shell input,.ld-shell select{max-width:100%;min-width:0}.ld-filterbar>label:first-child{max-width:none}.ld-metrics{padding:0 14px 18px;grid-template-columns:1fr 1fr;gap:8px}.ld-metrics>div{padding:13px 10px;min-width:0}.ld-metrics>div:last-child{grid-column:1/-1}.ld-metrics b{font-size:25px}.ld-metrics small{font-size:8px}.ld-overview{padding:0 14px 18px}.ld-branches{gap:6px}.ld-branches strong{font-size:8px}.ld-branches small{font-size:7px}.ld-explorer{padding:0 14px 18px}.ld-tabs{gap:0}.ld-tabs button{font-size:10px;padding:11px 10px}.ld-inspector dl{grid-template-columns:1fr}.ld-token-chart>div{grid-template-columns:95px minmax(0,1fr) 35px;gap:8px;font-size:8px}.ld-findings{grid-template-columns:1fr;padding:12px}.ld-comparison{padding:23px 14px;gap:12px}.ld-comparison b{font-size:29px}.ld-comparison small{font-size:8px;line-height:1.8}.ld-footer{padding:15px;gap:6px;font-size:8px}.ld-chart{gap:1px}.ld-chart-col small{font-size:8px}}@media(prefers-reduced-motion:reduce){.ld-shell button{transition:none}}
/* Distributed call graph: semantic nested lists with visible parent-child edges. */
.ld-graph-layout{grid-template-columns:minmax(0,1fr)}
.ld-graph-layout .ld-inspector dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.ld-graph-layout .ld-inspector pre{max-height:170px;overflow:auto}
.ld-graph-intro{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:16px 18px;color:#adbdaf;font:9px/1.8 monospace}
.ld-graph-intro>span:first-child{display:flex;gap:7px;align-items:center}
.ld-graph-scroll{overflow:auto;max-height:850px;padding:24px 30px 34px;background-color:#101b15;background-image:radial-gradient(#758e7025 .8px,transparent .8px);background-size:18px 18px;scrollbar-color:#5c7754 #132017}
.ld-call-graph,.ld-call-graph ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:0}
.ld-call-graph{width:max-content;min-width:100%}
.ld-call-graph ul{padding-left:38px;position:relative}
.ld-graph-branch{display:flex;align-items:center;position:relative;padding:8px 0}
.ld-call-graph ul>.ld-graph-branch:before{content:'';position:absolute;left:-19px;top:0;bottom:0;border-left:1px solid #637d58}
.ld-call-graph ul>.ld-graph-branch:first-child:before{top:50%}
.ld-call-graph ul>.ld-graph-branch:last-child:before{bottom:50%}
.ld-call-graph ul>.ld-graph-branch:only-child:before{display:none}
.ld-call-graph ul>.ld-graph-branch:after{content:'';position:absolute;left:-19px;top:50%;width:18px;border-top:1px solid #637d58}
.ld-call-graph ul:before{content:'';position:absolute;left:0;top:50%;width:19px;border-top:1px solid #637d58}
.ld-call-graph .ld-graph-node{position:relative;display:flex;flex-direction:column;gap:9px;flex-shrink:0;width:182px;min-height:95px;padding:12px;background:#19271e;border:1px solid #5a7750;border-radius:7px;box-shadow:0 3px 12px #0002;white-space:normal}
.ld-call-graph ul>.ld-graph-branch>.ld-graph-node:before{content:'';position:absolute;left:-5px;top:calc(50% - 3px);width:5px;height:5px;border-right:1px solid #9ab783;border-top:1px solid #9ab783;transform:rotate(45deg)}
.ld-call-graph .ld-graph-node:hover{background:#243a28;border-color:#aecb85}
.ld-call-graph .ld-graph-node.selected{border-color:#b7f343;box-shadow:0 0 0 2px #b7f34328,0 0 24px #b7f3430c}
.ld-graph-node-type{display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:.04em;color:#bdd498}
.ld-graph-node-type i{font-style:normal;font-size:16px}
.ld-graph-node-type b{font-size:7px;margin-left:auto;color:#ffae98;font-weight:500}
.ld-graph-node strong{font-size:11px;font-weight:500;line-height:1.5;color:#e7eee5;overflow-wrap:anywhere}
.ld-graph-node-meta{font:8px/1.6 monospace;color:#a7bca6}
.ld-graph-node-meta>span{color:#c2d5b8}
.ld-call-graph .ld-graph-node.model{border-color:#6f608b;background:#211f2d}
.ld-graph-node.model .ld-graph-node-type{color:#bfa8ee}
.ld-call-graph .ld-graph-node.tool,.ld-call-graph .ld-graph-node.external,.ld-call-graph .ld-graph-node.mcp,.ld-call-graph .ld-graph-node.web{border-color:#416d72;background:#16272a}
.ld-graph-node.tool .ld-graph-node-type,.ld-graph-node.external .ld-graph-node-type,.ld-graph-node.mcp .ld-graph-node-type,.ld-graph-node.web .ld-graph-node-type{color:#8ac6d0}
.ld-call-graph .ld-graph-node.memory,.ld-call-graph .ld-graph-node.vector,.ld-call-graph .ld-graph-node.retrieval{border-color:#7c6f42;background:#292619}
.ld-graph-node.memory .ld-graph-node-type,.ld-graph-node.vector .ld-graph-node-type,.ld-graph-node.retrieval .ld-graph-node-type{color:#ddc281}
.ld-call-graph .ld-graph-node.error{border-color:#d78572;background:#30201c}
.ld-call-graph .ld-graph-node.selected{border-color:#b7f343}
@media(max-width:600px){.ld-graph-layout .ld-inspector dl{grid-template-columns:1fr}.ld-graph-scroll{padding:18px;max-height:620px}.ld-graph-intro{padding:12px;font-size:8px}.ld-call-graph .ld-graph-node{width:158px}.ld-graph-node strong{font-size:10px}}
.ld-call-graph .ld-graph-node{min-height:72px;padding:9px 11px;gap:5px;width:172px}
.ld-graph-node-type i{font-size:12px}
.ld-graph-branch{padding:5px 0}
.ld-graph-scroll{max-height:1000px}
@media(max-width:600px){.ld-graph-scroll{max-height:620px}.ld-call-graph .ld-graph-node{width:158px}}
@media(min-width:901px){.ld-graph-scroll{max-height:none}}