:root{--ink:#193e37;--muted:#5c7167;--paper:#f4f3eb;--line:#d7e0d2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.lab{max-width:1180px;padding:28px}h1{font-size:clamp(29px,4vw,44px);font-weight:750;letter-spacing:-.035em}h2{font-size:24px;font-weight:720}h3{font-size:15px;font-weight:700}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.1em;color:#397867}.lead{font-size:18px}.mode{padding:16px;background:#e5ecd8;border-radius:12px;font-size:14px}.scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.scenario{min-height:64px;padding:12px;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:650;color:var(--ink)}.scenario[aria-pressed=true]{background:#145f53;border-color:#145f53;color:white}.panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:white;margin:20px 0;min-width:0}.form-label{font-weight:650;font-size:14px}.form-select{min-height:46px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.btn{min-height:44px;font-size:14px;white-space:normal}.btn-success{background:#176b5d;border-color:#176b5d}.btn-outline-success{color:#176b5d;border-color:#7da693}.status{background:#edf3e5;padding:15px;border-left:4px solid #8dac60;border-radius:8px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metrics>div{background:#f2f5eb;padding:12px;border-radius:10px;min-width:0}.metrics span{display:block;font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:17px;overflow-wrap:anywhere}.hint,footer{color:var(--muted);font-size:13px}.hint{margin-top:13px}.streams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.streams>div{min-width:0}pre{background:#123e35;color:#e6f2db;padding:16px;border-radius:12px;overflow:auto;max-width:100%;font:12px/1.7 Consolas,monospace;white-space:pre}pre code{color:inherit}.streams pre{min-height:135px;max-height:300px}.stderr{background:#513e30;color:#fff0de}.command{padding-left:30px;font-size:14px}.command li{padding:5px 8px;border-bottom:1px solid #edf0e9;overflow-wrap:anywhere}.command code{color:#245e4e;white-space:pre-wrap;overflow-wrap:anywhere}.context{font-size:14px;overflow-wrap:anywhere;margin:12px 0}summary{cursor:pointer;font-size:14px;padding:9px 0}.timeline{max-height:360px;overflow:auto}.timeline>div{border-left:3px solid #a8be7a;padding:8px 0 2px 15px;margin:10px 0}.timeline strong{font-size:12px}.timeline pre{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer{padding:10px 0 24px}footer p{margin-top:14px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #b98828;outline-offset:3px}@media(max-width:650px){.lab{padding:16px}.panel{padding:16px;border-radius:14px}.scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario{font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.streams{grid-template-columns:1fr}.actions{flex-direction:column}.actions>*{width:100%}.lead{font-size:16px}h2{font-size:21px}.metrics strong{font-size:15px}.command{padding-left:24px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}