:root{color-scheme:light;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.35;color:#17212b;background:radial-gradient(circle at top right,rgba(86,120,255,.08),transparent 24%),radial-gradient(circle at left center,rgba(28,201,167,.08),transparent 28%),#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:inherit}#app{min-height:100vh;padding:12px 16px 20px}.shell{width:min(1880px,100%);margin:0 auto}.app-shell,.overview-grid,.overview-main,.overview-side,.overview-wide,.lab-body-grid,.incident-grid,.stack,.summary-row,.case-grid,.preview-grid,.composer-row{display:grid;gap:8px}.panel{padding:12px;border:1px solid #d0d7de;border-radius:8px;background:#ffffffeb;box-shadow:0 8px 24px #121f2b0a}.intro-panel{gap:4px;background:linear-gradient(180deg,#fffffff5,#f7faffed)}.intro-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.route-indicator{color:#46607a;font-size:.76rem;white-space:nowrap}.page-title,.section-title,.case-title{margin:0;font-weight:700}.page-title{font-size:1.15rem}.section-title{font-size:.95rem}.section-note,.case-detail,.empty{margin:0;color:#5d6b79;font-size:.78rem}.route-panel{padding:8px 10px;background:linear-gradient(180deg,#f5f8fff5,#fffffff0)}.route-bar{display:flex;flex-wrap:wrap;gap:6px}.route-sub-bar{margin-top:8px;padding-top:8px;border-top:1px solid rgba(164,178,196,.24)}.route-sub-bar-empty{display:none}.button-row,.task-actions{display:flex;flex-wrap:wrap;gap:6px}.summary-chip,.mini-panel,.case-item,.test-item{padding:8px 10px;border:1px solid #e5e9ef;border-radius:6px;background:#fafbfdf0}.summary-label{display:block;font-size:.7rem;color:#7a8794;text-transform:uppercase;letter-spacing:.02em}.summary-value{font-size:.95rem}.lab-panel .summary-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.input,.button{padding:7px 10px;border-radius:6px;font:inherit;font-size:.82rem;min-height:32px}.input{width:100%;border:1px solid #bcc6d0;background:#fff}.button{width:auto;border:1px solid #bcc6d0;background:#fff;cursor:pointer;white-space:nowrap}.button-primary,.button-active{background:linear-gradient(180deg,#1b2a3b,#17212b);color:#fff;border-color:#17212b}.button-danger{color:#8a1f1f}.effect-pulse{animation:effect-pulse .32s ease-out}@keyframes effect-pulse{0%{transform:scale(1);box-shadow:0 0 #3a74d447}45%{transform:scale(1.01);box-shadow:0 0 0 8px #3a74d414}to{transform:scale(1);box-shadow:0 0 #3a74d400}}.route-tab{background:linear-gradient(180deg,#f6f9fc,#eef4fa);border-color:#c6d1dd}.route-tab-active{background:linear-gradient(180deg,#2d4b79,#243a5b);border-color:#243a5b;color:#fff}.lab-panel{background:linear-gradient(180deg,#fffffffa,#f1f8fff0)}.bridge-panel,.bridge-shell-card,.bridge-detail-card,.bridge-fallback,.bridge-empty,.bridge-fallback-bars,.bridge-transition-banner,.bridge-transition-head,.bridge-transition-rail,.bridge-shell-head,.bridge-shell-badges,.bridge-panel-head{display:grid;gap:8px}.bridge-panel{padding:12px;border:1px solid #d7e2ef;border-radius:10px;background:linear-gradient(180deg,#f7fbfffa,#ebf4fff0),#ffffffeb}.search-panel{display:grid;gap:8px}.search-input-wrap{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e2430;border:1px solid #3a4a60;border-radius:8px;z-index:100;overflow:hidden;box-shadow:0 4px 16px #0000004d;margin-top:4px}.search-dropdown-hidden{display:none}.search-dropdown-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.06)}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:#ffffff0d}.search-item-btn{text-align:left;background:none;border:none;padding:10px 4px;font-size:.9rem;cursor:pointer;color:#d0dce8;width:100%}.search-item-hint{font-size:.75rem;color:#7a96b2;white-space:nowrap;padding-left:8px}.bridge-panel-head{align-items:start}.bridge-case-row{align-items:center}.bridge-button-pending{position:relative;overflow:hidden}.bridge-button-pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-100%);animation:bridge-pending-sweep 1.6s ease-in-out infinite}.bridge-meta{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.bridge-shell-card,.bridge-detail-card,.bridge-fallback,.bridge-empty{padding:12px;border-radius:10px}.bridge-shell-card{border:1px solid #cad6e3;background:#fffffff5}.bridge-shell-refreshing{border-color:#9bb8de;box-shadow:inset 0 0 0 1px #3e76c414;background:linear-gradient(180deg,#fffffffa,#f4f9fff2),#fffffff5}.bridge-shell-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.bridge-shell-badges{justify-items:end}.bridge-detail-card{border:1px dashed #bdd0e5;background:#f5f9ffeb}.bridge-transition-banner{padding:10px;border-radius:8px;border:1px solid rgba(96,132,181,.22);background:linear-gradient(180deg,#ebf4ffd1,#f7fafff5)}.bridge-transition-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.bridge-transition-rail{grid-template-columns:auto auto auto;align-items:center;gap:6px}.bridge-token,.bridge-arrow-token{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;font-size:.74rem}.bridge-token-current{color:#28425f;background:#5777a31f;border:1px solid rgba(87,119,163,.18)}.bridge-token-next{color:#7a3f00;background:#e8a84829;border:1px solid rgba(232,168,72,.22)}.bridge-arrow-token{color:#5d7390;background:#5d739014}.bridge-fallback{border:1px dashed #9fb4ca;background:linear-gradient(180deg,#f0f6ffe6,#f9fbfff2)}.bridge-fallback-title,.bridge-state-note{color:#365170}.bridge-fallback-bars{gap:6px}.bridge-bar{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#6186b629,#6186b657,#6186b629);background-size:200% 100%;animation:bridge-bar-flow 1.8s ease-in-out infinite}.bridge-bar-wide{width:88%}.bridge-bar-mid{width:66%}.bridge-bar-short{width:42%}@keyframes bridge-pending-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bridge-bar-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}.lab-body-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start}.incident-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.incident-card{padding:10px;border:1px solid #d9e2ec;border-radius:8px;background:#fffffff5;display:grid;gap:8px}.incident-head,.incident-controls,.incident-badges,.incident-title-wrap{display:grid;gap:6px}.incident-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.incident-title{display:block;font-size:.9rem}.incident-badges{justify-items:end}.incident-severity,.incident-status{display:inline-flex;width:fit-content;padding:2px 7px;border-radius:999px;font-size:.72rem;border:1px solid transparent;text-transform:uppercase}.incident-severity-p1{background:#d21f3c1a;color:#a61b3c;border-color:#d21f3c33}.incident-severity-p2{background:#f0911c1f;color:#9f5a06;border-color:#f0911c33}.incident-severity-p3{background:#3a74d41a;color:#25508c;border-color:#3a74d42e}.incident-status-firing{background:#d21f3c14;color:#8b1e3f;border-color:#d21f3c29}.incident-status-investigating{background:#5367ae1a;color:#30488f;border-color:#5367ae29}.incident-status-acked{background:#1b87541a;color:#176b43;border-color:#1b875429}.incident-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.incident-input{min-width:0}.incident-detail-grid{display:grid;gap:4px;padding-top:2px;border-top:1px dashed #d9e2ec}.activity-panel{position:sticky;top:12px}.activity-list{margin:0;padding-left:18px}.activity-item{margin-bottom:6px;color:#304254;font-size:.78rem}.task-list,.tiny-list,.test-list{margin:0;padding-left:18px}.task-list{list-style:none;padding-left:0}.task-item{display:grid;gap:8px;padding:8px 0;border-top:1px solid #e4e7eb}.task-item:first-child{border-top:0;padding-top:0}.task-main{display:grid;gap:4px}.task-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-status,.mono{color:#556270;font-size:.76rem}.task-status{display:inline-flex;width:fit-content;padding:1px 6px;border:1px solid #d4dce5;border-radius:999px;background:#f6f8fb}.test-pass{border-color:#c9ead5}.test-fail{border-color:#f0caca}.todo-panel{background:linear-gradient(180deg,#fffffff7,#fff8eee6)}.effects-panel{background:linear-gradient(180deg,#fffffff7,#effbf8eb)}.dialog-demo,.dialog-header,.dialog-panel-body,.dialog-overlay-shell,.dialog-overlay-card,.drawer-overlay-card,.dialog-log-list{display:grid;gap:10px}.dialog-overlay-shell{position:fixed;inset:0;z-index:40;pointer-events:none;isolation:isolate;overflow:hidden}.dialog-overlay-center{place-items:center;padding:28px 18px}.dialog-overlay-drawer{grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:stretch;justify-items:stretch}.dialog-backdrop{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 18% 16%,rgba(165,205,255,.18),transparent 26%),linear-gradient(180deg,#131d2633,#0c141c75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dialog-backdrop-in .24s ease-out forwards}.dialog-overlay-card,.drawer-overlay-card{position:relative;z-index:1;pointer-events:auto;overflow:hidden;border:1px solid rgba(27,42,59,.16);border-radius:16px;background:linear-gradient(180deg,#fffffffa,#f5fafff5);box-shadow:0 24px 60px #111d2b2e}.dialog-overlay-card{width:min(620px,100%);padding:18px;opacity:0;transform:scale(.94) translateY(-12px);transform-origin:50% 0%;animation:dialog-card-in .26s cubic-bezier(.2,.8,.2,1) forwards}.drawer-overlay-card{grid-column:2;justify-self:stretch;height:100%;max-width:none;border-radius:0;border-top:0;border-right:0;border-bottom:0;padding:22px 18px;background:linear-gradient(180deg,#fcfdfffc,#f1f8fff5);opacity:0;transform:translate(72px);animation:dialog-drawer-in .28s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:-18px 0 54px #111d2b29}.dialog-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dialog-header-copy{gap:4px}.dialog-panel-body{padding:8px 0;align-content:start}.dialog-actions{justify-content:flex-end}.dialog-error{margin:0;color:#9a2d2d;font-size:.78rem}.dialog-demo-preview{display:grid;gap:8px}.dialog-log-list{margin:0;padding-left:18px}.dialog-exit-ghost{pointer-events:none}.dialog-exit-ghost .dialog-backdrop,.dialog-exit-ghost .dialog-overlay-card,.dialog-exit-ghost .drawer-overlay-card{animation:none!important;transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.dialog-exit-ghost .dialog-backdrop,.dialog-exit-ghost .dialog-overlay-card,.dialog-exit-ghost .drawer-overlay-card{opacity:1}.dialog-exit-ghost.dialog-overlay-center .dialog-overlay-card{transform:scale(1) translateY(0)}.dialog-exit-ghost.dialog-overlay-drawer .drawer-overlay-card{transform:translate(0)}.dialog-exit-ghost-leaving .dialog-backdrop{opacity:0}.dialog-exit-ghost-leaving.dialog-overlay-center .dialog-overlay-card{opacity:0;transform:scale(.94) translateY(-20px)}.dialog-exit-ghost-leaving.dialog-overlay-drawer .drawer-overlay-card{opacity:0;transform:translate(100%)}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-card-in{0%{opacity:0;transform:scale(.94) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-drawer-in{0%{opacity:0;transform:translate(72px)}to{opacity:1;transform:translate(0)}}.tests-panel{background:linear-gradient(180deg,#fffffff7,#f2f7ffeb)}.single-stage{display:grid}@media(min-width:900px){.overview-grid{grid-template-columns:minmax(900px,1.7fr) minmax(420px,.9fr);align-items:start}.overview-wide{grid-column:1 / -1}.overview-side{align-items:start}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-overlay-drawer{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}.task-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.task-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-panel-head{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.tests-panel .test-list{columns:2;column-gap:10px}.tests-panel .test-item{break-inside:avoid;margin-bottom:8px}}@media(max-width:899px){#app{padding:10px 10px 20px}.summary-row,.preview-grid,.composer-row,.lab-body-grid,.incident-controls,.dialog-overlay-drawer{grid-template-columns:1fr}.dialog-overlay-center{padding:16px 12px}.dialog-overlay-card,.drawer-overlay-card{width:100%;min-height:auto;border-radius:14px}.drawer-overlay-card{grid-column:auto;height:auto;border:1px solid rgba(27,42,59,.16);border-radius:14px}.intro-top{flex-direction:column;align-items:flex-start}}