:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 36%),linear-gradient(180deg,#eef4ff,#f8fafc 48%,#eef2ff);color:#142033}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:transparent;color:inherit}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,tr:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(360px,.9fr)}.workspace{padding:32px}.hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.eyebrow,.section-kicker{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:#0f766e}.subtitle{max-width:64ch;margin:0;color:#475569;line-height:1.55}.hero h1,.surface h2,.panel h2,.approval-panel h2{margin:0 0 .45rem}.hero-metrics{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(120px,1fr))}.hero-metrics article,.surface,.panel,.approval-panel{border:1px solid rgba(148,163,184,.24);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.3rem;box-shadow:0 18px 60px #0f172a14}.hero-metrics article{padding:1rem;display:grid;gap:.3rem}.hero-metrics span,.chip,.muted-copy,.log-list small{color:#64748b}.hero-metrics strong{font-size:1rem}.workspace-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)}.detail-column{display:grid;gap:1rem}.surface,.panel,.approval-panel{padding:1.15rem}.surface-header,.approval-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.chip,.tag,.risk-badge,.status-pill,.timeline-state,.log-level{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:700}.chip,.tag{padding:.35rem .7rem;background:#eef2ff}.chip.muted{background:#f1f5f9}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem .8rem;border-bottom:1px solid #e2e8f0}tbody tr{cursor:pointer;transition:background .16s ease,transform .16s ease}tbody tr:hover,tbody tr.selected{background:#eff6ff}tbody tr.selected{box-shadow:inset 4px 0 #2563eb}.status-pill{padding:.3rem .6rem;background:#e2e8f0}.status-pill[data-risk=high]{background:#fee2e2;color:#b91c1c}.status-pill[data-risk=medium]{background:#fef3c7;color:#b45309}.status-pill[data-risk=low]{background:#dcfce7;color:#166534}.detail-grid,.context-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid dt,.context-grid dt{margin:0 0 .25rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.detail-grid dd,.context-grid dd{margin:0;color:#0f172a}.field-list,.notes-panel{margin-top:1rem}.field-list h3,.notes-panel h3{margin:0 0 .65rem;font-size:.95rem}.tags{display:flex;gap:.55rem;flex-wrap:wrap}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.timeline li{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.85rem .95rem;background:#f8fafc;border-radius:1rem}.timeline-state{min-width:108px;padding:.35rem .6rem;text-transform:capitalize;background:#dbeafe;color:#1d4ed8}.timeline-state[data-state=failed]{background:#fee2e2;color:#b91c1c}.timeline-state[data-state=recovering]{background:#ede9fe;color:#6d28d9}.timeline-state[data-state=approved],.timeline-state[data-state=completed]{background:#dcfce7;color:#166534}.agent-rail{border-left:1px solid rgba(148,163,184,.24);background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;display:grid;gap:1rem;align-content:start}.action-card{width:100%;text-align:left;border:1px solid #dbe4f0;background:#f8fafc;border-radius:1rem;padding:.95rem;display:grid;gap:.55rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.action-card+.action-card{margin-top:.75rem}.action-card:hover,.action-card.active{transform:translateY(-1px);border-color:#60a5fa;box-shadow:0 10px 32px #3b82f61f}.action-card.risky{background:#fffaf0;border-color:#fdba74}.action-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.risk-badge{padding:.3rem .55rem;text-transform:uppercase;background:#f1f5f9;color:#334155}.approval-panel{background:linear-gradient(180deg,#fffaf0,#fff7ed);border-color:#fdba74}.approval-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.approval-actions button{border:none;border-radius:999px;background:#0f172a;color:#fff;padding:.8rem 1rem;cursor:pointer}.approval-actions .secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.recovery-panel{border-color:#fecaca;background:linear-gradient(180deg,#fff8f7,#fff1f2)}.recovery-panel.visible{box-shadow:0 18px 60px #ef44441f}.log-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.log-list li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.log-level{min-width:68px;padding:.28rem .5rem;text-transform:uppercase;background:#eff6ff;color:#1d4ed8}.log-level[data-level=warning]{background:#fef3c7;color:#b45309}.log-level[data-level=error]{background:#fee2e2;color:#b91c1c}.log-list strong,.log-list small{display:block}@media(max-width:1180px){.app-shell,.workspace-grid{grid-template-columns:1fr}.agent-rail{border-left:0;border-top:1px solid rgba(148,163,184,.24)}}@media(max-width:760px){.workspace,.agent-rail{padding:18px}.hero,.hero-metrics,.detail-grid,.context-grid{grid-template-columns:1fr;display:grid}.hero{gap:1rem}}:host{display:block;min-height:100vh;padding:32px}.playground{max-width:1440px;margin:0 auto}.playground-header{align-items:flex-start}.playground-intro{max-width:78ch;margin:0;color:#475569;line-height:1.6}.scenario-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.25rem}.scenario-button{min-height:72px;border:1px solid #dbe4f0;border-radius:1rem;background:#f8fafc;color:#0f172a;padding:.85rem;text-align:left;cursor:pointer;display:grid;gap:.35rem}.scenario-button span{color:#64748b;font-size:.82rem}.scenario-button:hover,.scenario-button.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 8px 24px #2563eb1a}.scenario-button:focus-visible,.playground-actions button:focus-visible,.text-button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.playground-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:1rem}.playground-main,.playground-side{display:grid;gap:1rem;align-content:start}.playground-card{border:1px solid rgba(148,163,184,.26);border-radius:1.1rem;background:#fff;padding:1rem}.playground-card h3,.playground-approval h3{margin:.2rem 0 .5rem}.playground-card p,.playground-approval p{line-height:1.55}.playground-card-header,.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.prompt-copy{padding:.9rem 1rem;border-left:4px solid #2563eb;border-radius:.7rem;background:#eff6ff;color:#1e3a8a}.pattern-trace{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.pattern-trace li{display:grid;grid-template-columns:110px 1fr;gap:.8rem;align-items:start;border:1px solid #e2e8f0;background:#f8fafc;border-radius:.9rem;padding:.8rem}.pattern-trace small,.pattern-trace p{display:block}.pattern-trace small{color:#64748b;margin-top:.15rem;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.pattern-trace p{margin:.35rem 0 0;color:#475569}.trace-status{min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .55rem;text-transform:capitalize;font-size:.75rem;font-weight:700;background:#e2e8f0;color:#334155}.trace-status[data-state=completed],.trace-status[data-state=approved]{background:#dcfce7;color:#166534}.trace-status[data-state=running],.trace-status[data-state=awaiting-approval],.trace-status[data-state=planned]{background:#dbeafe;color:#1d4ed8}.trace-status[data-state=failed]{background:#fee2e2;color:#b91c1c}.trace-status[data-state=blocked]{background:#f1f5f9;color:#475569}.trace-status[data-state=recovering]{background:#ede9fe;color:#6d28d9}.playground-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.playground-actions button,.text-button{min-height:44px;border-radius:999px;border:0;background:#0f172a;color:#fff;padding:.7rem 1rem;cursor:pointer}.playground-actions button.secondary,.text-button{border:1px solid #cbd5e1;background:#fff;color:#0f172a}.playground-actions button:disabled{cursor:not-allowed;opacity:.5}.playground-approval{margin:0}.compact-list{margin:0;padding-left:1.1rem;display:grid;gap:.55rem}.compact-list code,.citation-card code,.tool-card code{font-family:JetBrains Mono,Consolas,monospace;font-size:.78rem;overflow-wrap:anywhere}.citation-stack,.tool-stack{display:grid;gap:.65rem}.citation-card,.tool-card{border:1px solid #e2e8f0;border-radius:.85rem;background:#f8fafc;padding:.8rem}.citation-card code,.tool-card code{display:block;margin-top:.3rem;color:#475569}.citation-card p,.tool-card p{margin-bottom:0;color:#475569}.boundary-card{border-color:#f59e0b;background:#fffbeb}.result-card{border-color:#a7f3d0;background:#f0fdf4}.sr-announcement{min-height:1.5rem;margin:.85rem 0 0;color:#475569;font-size:.88rem}@media(max-width:1100px){.scenario-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-grid{grid-template-columns:1fr}}@media(max-width:680px){:host{padding:16px}.scenario-picker,.pattern-trace li{grid-template-columns:1fr}.playground-card-header,.tool-card-head{display:grid}}