*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#06101d;--panel:rgba(15,23,42,.92);--panel-soft:rgba(15,23,42,.72);--border:#243247;--border-strong:#36516f;--text:#e5edf8;--muted:#8ea2bd;--accent:#38bdf8;--accent-strong:#0ea5e9;--success:#22c55e;--warn:#f59e0b;--error:#ef4444;--user:#172554;--assistant:#052e1b;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}body,html{height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 34rem),radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 28rem),var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{border:0;border-radius:10px;padding:.54rem .76rem;background:var(--accent-strong);color:#f8fafc;cursor:pointer;font-size:.84rem;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.52}button.secondary{background:rgba(15,23,42,.78)}button.secondary,input{border:1px solid var(--border);color:var(--text)}input{min-width:0;border-radius:10px;background:#020617;padding:.62rem .75rem}input::placeholder{color:#64748b}.debug-shell{width:100vw;height:100vh;min-height:0;display:grid;grid-template-columns:minmax(430px,.72fr) minmax(620px,1.28fr);grid-gap:.75rem;gap:.75rem;overflow:hidden;padding:.75rem}.conversation-panel,.inspector-panel,.server-snapshot,.timeline-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.22)}.conversation-panel{display:flex;flex-direction:column}.conversation-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.82rem .95rem;border-bottom:1px solid var(--border)}.eyebrow{margin-bottom:.18rem;color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.conversation-header h1,.snapshot-header h2,.timeline-header h2{letter-spacing:-.04em}.conversation-header h1{font-size:clamp(1.28rem,2vw,2rem)}.subtitle,.timeline-header p{margin-top:.24rem;color:var(--muted);font-size:.84rem}.status-grid{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.42rem}.status-pill{min-width:112px;border:1px solid var(--border);border-radius:999px;background:#0b1220;padding:.38rem .6rem;color:var(--muted);font-size:.76rem;text-align:center}.status-pill.connected{border-color:rgba(34,197,94,.45);color:#86efac}.status-pill.connecting{border-color:rgba(245,158,11,.45);color:#fcd34d}.status-pill.error{border-color:rgba(239,68,68,.45);color:#fca5a5}.composer,.quick-prompts,.runtime-strip,.toolbar{display:flex;align-items:center;gap:.5rem;padding:.58rem .72rem;border-bottom:1px solid var(--border)}.toolbar{flex-wrap:wrap}.runtime-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(2,6,23,.28)}.runtime-strip div,.snapshot-metrics div{min-width:0;display:flex;flex-direction:column;gap:.18rem}.runtime-strip span,.snapshot-metrics span{color:var(--muted);font-size:.68rem}.runtime-strip strong,.snapshot-metrics strong{overflow:hidden;color:#dbeafe;font-family:var(--mono);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.quick-prompts{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;background:rgba(2,6,23,.22)}.quick-prompts button{flex:0 0 auto;max-width:360px;overflow:hidden;border:1px solid var(--border);background:rgba(15,23,42,.78);color:var(--text);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.composer{border-top:1px solid var(--border);border-bottom:0}.composer input{flex:1 1}.transcript{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:.58rem;overflow:auto;padding:.75rem}.empty-row,.empty-state{color:var(--muted);font-size:.86rem}.turn{display:grid;grid-template-columns:88px minmax(0,1fr);grid-gap:.58rem;gap:.58rem;text-align:left}.turn strong{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.turn span{border:1px solid var(--border);border-radius:12px;background:var(--panel-soft);padding:.64rem;line-height:1.55;white-space:pre-wrap}.turn.user span{border-color:rgba(96,165,250,.35);background:var(--user)}.turn.assistant span{border-color:rgba(74,222,128,.28);background:var(--assistant)}.error{padding:0 .75rem .75rem;color:#fca5a5;text-align:left}.error.compact{padding:0;font-size:.76rem}.inspector-panel{display:grid;grid-template-rows:minmax(0,1fr) minmax(260px,.42fr);grid-gap:.75rem;gap:.75rem;border:0;background:transparent;box-shadow:none}.server-snapshot,.timeline-panel{display:flex;flex-direction:column}.snapshot-header,.timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.78rem;border-bottom:1px solid var(--border)}.snapshot-header h2,.timeline-header h2{font-size:1.18rem}.timeline-controls{min-width:320px;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.timeline-controls input:not([type]),.timeline-controls input[type=text]{width:190px}.timeline-controls label{display:flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.76rem;white-space:nowrap}.timeline-controls label input{width:auto;min-width:auto}.sequence-lane-header{display:grid;grid-template-columns:86px repeat(5,minmax(0,1fr));grid-gap:.42rem;gap:.42rem;padding:.48rem .78rem;border-bottom:1px solid var(--border);background:rgba(2,6,23,.28)}.sequence-lane-header strong{overflow:hidden;color:#bae6fd;font-size:.68rem;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.timeline-list{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:.58rem;overflow:auto;padding:.72rem;list-style:none}.timeline-row{display:grid;grid-template-columns:72px minmax(280px,.9fr) minmax(320px,1.1fr);grid-gap:.66rem;gap:.66rem;align-items:stretch}.timeline-time{display:flex;flex-direction:column;gap:.18rem;padding-top:.2rem;color:var(--muted);font-family:var(--mono);font-size:.68rem}.sequence-map{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;grid-gap:.22rem;gap:.22rem;min-height:76px;border:1px solid rgba(36,50,71,.7);border-radius:12px;background:rgba(2,6,23,.34);padding:.5rem;overflow:hidden}.flow-line{left:calc(var(--flow-left) + 1.2rem);width:max(1.8rem,calc(var(--flow-width) - 2.4rem));height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(56,189,248,.25),rgba(56,189,248,.95))}.flow-line,.flow-line:after{position:absolute;top:50%;transform:translateY(-50%)}.flow-line:after{right:-1px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(56,189,248,.95);content:""}.sequence-node{z-index:1;min-height:2.2rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(51,65,85,.68);border-radius:999px;background:rgba(15,23,42,.8);color:transparent;font-size:.68rem;line-height:1.15;text-align:center}.sequence-node.active{border-color:rgba(56,189,248,.55);background:rgba(8,47,73,.92);color:#e0f2fe;box-shadow:0 0 0 3px rgba(56,189,248,.08)}.timeline-card{border:1px solid rgba(36,50,71,.82);border-left:4px solid var(--accent);border-radius:12px;background:rgba(15,23,42,.82);padding:.62rem}.timeline-row.success .timeline-card{border-left-color:var(--success)}.timeline-row.warn .timeline-card{border-left-color:var(--warn)}.timeline-row.error .timeline-card{border-left-color:var(--error)}.timeline-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.timeline-card-header div{min-width:0;display:flex;flex-direction:column;gap:.18rem}.timeline-card-header strong{overflow:hidden;color:#f8fafc;font-family:var(--mono);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.timeline-card-header em,.timeline-card-header span,.timeline-meta span{color:var(--muted);font-size:.68rem;font-style:normal}.timeline-card-header em{border:1px solid rgba(56,189,248,.24);border-radius:999px;padding:.18rem .38rem;color:#bae6fd;white-space:nowrap}.timeline-card p{margin-top:.42rem;color:#dbeafe;font-size:.82rem;line-height:1.45}.timeline-meta{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.46rem}.timeline-meta span{border-radius:999px;background:rgba(15,23,42,.9);padding:.16rem .35rem;font-family:var(--mono)}details{margin-top:.52rem}summary{cursor:pointer;color:#bae6fd;font-size:.72rem}.payload-block{margin-top:.45rem}.payload-block h4{margin-bottom:.22rem;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.payload-block pre{max-height:360px;overflow:auto;border:1px solid rgba(36,50,71,.82);border-radius:10px;background:#020617;padding:.55rem;color:#bfdbfe;font-family:var(--mono);font-size:.69rem;line-height:1.38;white-space:pre-wrap;word-break:break-word}.server-snapshot{padding:0}.server-snapshot .snapshot-header{padding:.66rem .78rem}.snapshot-metrics{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;border-bottom:1px solid var(--border)}.snapshot-grid,.snapshot-metrics{display:grid;padding:.62rem .78rem}.snapshot-grid{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.62rem;gap:.62rem;overflow:hidden}.snapshot-grid section{min-height:0;display:flex;flex-direction:column}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.38rem}.section-title-row h3{color:#cbd5e1;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.section-title-row span{color:var(--muted);font-family:var(--mono);font-size:.68rem}.snapshot-list,.tool-modules ul{min-height:0;display:flex;flex-direction:column;gap:.34rem;overflow:auto;list-style:none}.empty-row,.snapshot-list li,.tool-modules li{display:flex;flex-direction:column;gap:.18rem;border-radius:9px;background:rgba(15,23,42,.82);padding:.48rem}.snapshot-list strong,.tool-modules strong{color:#93c5fd;font-size:.7rem}.snapshot-list span,.tool-modules span{color:#dbeafe;font-size:.78rem;line-height:1.35}.snapshot-list em,.tool-modules small{overflow:hidden;color:var(--muted);font-size:.7rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tool-modules{min-height:0;overflow:hidden;padding:0 .78rem .78rem}@media (max-width:1180px){body,html{height:auto;min-height:100%;overflow:auto}.debug-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.conversation-panel{min-height:680px}.inspector-panel{min-height:920px;grid-template-rows:1fr 420px}}@media (max-width:760px){.conversation-header,.snapshot-header,.timeline-header{flex-direction:column;align-items:stretch}.status-grid,.timeline-controls{min-width:0;justify-content:flex-start}.runtime-strip,.snapshot-grid,.snapshot-metrics{grid-template-columns:1fr 1fr}.timeline-row{grid-template-columns:1fr}.timeline-time{flex-direction:row}.sequence-lane-header{display:none}}