:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091018;--panel:#0e1720e6;--panel-strong:#121f2bf5;--text:#d7e3ee;--muted:#8ea2b7;--border:#96b5d22e;--accent:#7fd0c8;--accent-strong:#f4c269;--warning:#dd8a67}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#3d6c8538,#0000 34%),radial-gradient(circle at 100% 100%,#7d55302e,#0000 32%),linear-gradient(#0b1219,#091018);margin:0;font-family:Menlo,Monaco,Cascadia Mono,Ubuntu Mono,monospace}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:1.5rem}.app-header{max-width:62rem;margin-bottom:1.2rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.82rem}h1,h2,h3,p{margin:0}h1{margin-top:.45rem;font-size:1.9rem}.app-intro{color:var(--muted);max-width:50rem;margin-top:.55rem;line-height:1.6}.workbench{flex-direction:column;gap:1rem;display:flex}.panel,.workflow-rail{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 22px 60px #00000047}.section-header{margin-bottom:.85rem}.section-header h2{font-size:1.03rem}.section-header p{color:var(--muted);max-width:60rem;margin-top:.45rem;font-size:.92rem;line-height:1.55}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.service-button,.workflow-card{border:1px solid var(--border);width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#16222ef5,#0c131cf5);border-radius:14px;padding:.9rem;transition:border-color .14s,transform .14s,box-shadow .14s}.service-button:hover,.workflow-card:hover{border-color:#7fd0c870;transform:translateY(-1px)}.service-button.is-active,.workflow-card.is-active{border-color:#f4c269b8;box-shadow:0 0 0 1px #f4c26933}.bundle-item h3,.detail-card h3,.meta-card h3,.saved-view-card h3,.service-button h3,.trace-card h3,.workflow-card h3{font-size:.96rem}.bundle-item p,.detail-card p,.meta-card p,.saved-view-card p,.service-button p,.trace-card p,.workflow-card p{color:var(--muted);margin-top:.45rem;font-size:.88rem;line-height:1.5}.bundle-path,.card-label,.meta-footnote,.workflow-chip{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;display:inline-block}.card-label,.workflow-chip{color:var(--accent)}.bundle-path,.meta-footnote{color:var(--accent-strong);margin-top:.55rem}.workbench-grid{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.9fr);gap:1rem;display:grid}.graph-surface{flex-direction:column;gap:.85rem;display:flex}.bundle-summary,.graph-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.bundle-item,.detail-card,.meta-card,.saved-view-card,.trace-card{border:1px solid var(--border);background:linear-gradient(#131f2af2,#090e15fa);border-radius:14px;padding:.85rem}.saved-view-strip,.trace-strip{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}.runtime-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.runtime-card{min-height:100%}.graph-controls{flex-wrap:wrap;gap:.65rem;display:flex}.graph-control-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#131f2af2;border-radius:999px;padding:.55rem .9rem;transition:border-color .14s,transform .14s}.graph-control-button:hover{border-color:#7fd0c870;transform:translateY(-1px)}.graph-canvas{background:linear-gradient(#081018fa,#0d161efa),linear-gradient(90deg,#7fd0c80a 1px,#0000 0) 0 0/24px 24px,linear-gradient(#7fd0c80a 1px,#0000 0) 0 0/24px 24px;border:1px dashed #7fd0c847;border-radius:14px;outline:none;width:100%;min-height:480px}.graph-canvas:focus-visible{border-color:#f4c269b8;box-shadow:0 0 0 1px #f4c2693d}.graph-hint{color:var(--muted);font-size:.84rem;line-height:1.5}.evidence-panel{flex-direction:column;display:flex}.bundle-list,.detail-list,.evidence-list,.tag-list{margin:0;padding:0;list-style:none}.bundle-list,.detail-list,.evidence-list{flex-direction:column;gap:.75rem;display:flex}.evidence-item{border:1px solid var(--border);background:#0b131cd1;border-radius:12px;padding:.85rem}.bundle-heading,.evidence-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.evidence-item h3{font-size:.95rem}.pill{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);white-space:nowrap;border:1px solid #f4c26980;border-radius:999px;padding:.28rem .56rem;font-size:.72rem;display:inline-block}.bundle-panel,.service-map{grid-column:1/-1}.service-map-layout{grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);gap:.85rem;display:grid}.service-detail,.service-selector{flex-direction:column;gap:.75rem;display:flex}.detail-inline{color:var(--accent-strong);flex-wrap:wrap;gap:.55rem;margin-top:.7rem;font-size:.8rem;display:flex}.detail-list li{border-top:1px solid #96b5d21f;padding-top:.7rem}.detail-list li:first-child{border-top:0;padding-top:0}.detail-list strong{font-size:.86rem;display:block}.detail-list span{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem;font-size:.79rem;display:inline-block}.detail-list-compact p{margin-top:0}.split-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.tag-list{flex-wrap:wrap;gap:.55rem;margin-top:.7rem;display:flex}.tag-list li{color:var(--text);background:#172632c7;border:1px solid #7fd0c83d;border-radius:999px;padding:.38rem .62rem;font-size:.79rem}@media (width<=1120px){.bundle-summary,.graph-meta,.runtime-strip,.service-map-layout,.split-card,.workbench-grid,.workflow-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:1rem}h1{font-size:1.55rem}.panel,.workflow-rail{padding:.85rem}.graph-canvas{min-height:360px}}