:root{color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.app-shell{color:#1d2433;background:#f7f8fb;min-height:100svh}.topbar{text-align:left;background:#fff;border-bottom:1px solid #d8dde8;padding:22px 28px}.topbar h1{letter-spacing:0;margin:0 0 6px;font-size:28px;line-height:1.15}.topbar p{color:#5d6678;font-size:14px}.topbar a{color:#2459c7;text-underline-offset:3px}.topbar a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.workspace{grid-template-columns:minmax(280px,.9fr) minmax(340px,1.2fr);align-items:start;gap:14px;padding:14px;display:grid}.panel{text-align:left;background:#fff;border:1px solid #d8dde8;border-radius:8px;min-width:0;overflow:hidden}.run-panel{grid-column:1/-1}.panel-header{border-bottom:1px solid #e4e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 14px;display:flex}.panel-header h2{color:#1d2433;letter-spacing:0;margin:0;font-size:15px;font-weight:650;line-height:1.2}.panel-header span{color:#667085;font-size:13px}.sample-picker{align-items:center;gap:8px;min-width:0;display:inline-flex}.sample-picker span{color:#667085;text-transform:uppercase;font-size:12px}.sample-picker select{color:#1d2433;background:#fff;border:1px solid #cfd6e3;border-radius:6px;max-width:190px;height:30px;padding:0 8px;font-size:13px}.sample-picker select:focus{outline-offset:1px;outline:2px solid #2563eb}textarea{resize:vertical;box-sizing:border-box;color:#111827;background:#fbfcfe;border:0;width:100%;min-height:300px;padding:14px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}textarea:focus{outline-offset:-2px;outline:2px solid #2563eb}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{color:#202938;overflow-wrap:anywhere;background:#eef2f7;border-radius:4px;padding:2px 5px;font-size:12px;line-height:1.45;display:inline}.summary{border-bottom:1px solid #e4e8f0;gap:8px;padding:12px 14px;display:grid}.summary span{color:#667085;text-transform:uppercase;font-size:12px}.trace-list{max-height:440px;margin:0;padding:12px 14px 14px 38px;overflow:auto}.trace-list li{padding:5px 0}.transition-table{max-height:520px;display:grid;overflow:auto}.row{border-bottom:1px solid #edf0f5;grid-template-columns:52px minmax(280px,.9fr) minmax(420px,1.4fr);align-items:start;gap:10px;padding:8px 14px;display:grid}.row.heading{color:#667085;text-transform:uppercase;z-index:1;background:#f8fafc;font-size:12px;position:sticky;top:0}.row>span:first-child{color:#667085;font-variant-numeric:tabular-nums}.error{color:#991b1b;white-space:pre-wrap;background:#fff1f2;margin:0;padding:14px}@media (width<=900px){.workspace{grid-template-columns:1fr}.row{grid-template-columns:42px minmax(220px,1fr) minmax(260px,1fr)}}@media (width<=520px){.panel-header{flex-direction:column;align-items:stretch}.sample-picker,.sample-picker select{width:100%;max-width:none}}