.split{gap:var(--s-4);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}@media (width<=1000px){.split{grid-template-columns:1fr}}.auto-list{margin:0;padding:0;list-style:none}.auto-list li.row-empty{font-size:var(--t-sm)}.auto-row{text-align:left;border:none;border-bottom:1px solid var(--line);width:100%;padding:var(--s-3) var(--s-4);cursor:pointer;color:var(--fg);transition:background var(--dur-fast) var(--ease-out);background:0 0;display:block}.auto-row:hover{background:var(--surface-2)}.auto-row[aria-current=true]{background:var(--surface-3);box-shadow:inset 2px 0 0 var(--accent)}.auto-row-top{align-items:center;gap:var(--s-2);justify-content:space-between;display:flex}.auto-row-name{font-size:var(--t-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.auto-row-sub{gap:var(--s-2);font-size:var(--t-xs);color:var(--fg-3);font-family:var(--font-mono);align-items:center;margin-top:3px;display:flex}.auto-row.off .auto-row-name{color:var(--fg-3)}.detail-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;display:flex}.d-name{font-size:var(--t-lg);color:var(--fg);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;min-width:22ch;max-width:46ch;margin-left:-6px;padding:2px 6px;font-family:inherit;font-weight:600}.d-name:hover{border-color:var(--line)}.d-name:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface-2);outline:none}.detail-meta{gap:var(--s-2);flex-wrap:wrap;align-items:center;margin-top:5px;display:flex}.detail-meta .small{font-size:var(--t-xs);font-family:var(--font-mono)}.detail-actions{gap:var(--s-2);align-items:center;display:inline-flex}.tabs{border-bottom:1px solid var(--line);padding:0 var(--s-4);background:var(--surface-2);gap:0;display:flex}.tab{color:var(--fg-3);padding:var(--s-3) var(--s-3);font-size:var(--t-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--fg)}.tab-active{color:var(--fg);border-bottom-color:var(--accent)}.tab-body{padding:var(--s-4)}.spec-editor{resize:vertical;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-md);width:100%;min-height:420px;color:var(--fg);font-family:var(--font-mono);padding:var(--s-3);tab-size:2;font-size:12px;line-height:1.6}.spec-editor:focus{border-color:var(--accent);outline:none}.editor-foot{margin-top:var(--s-3);justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.editor-buttons{gap:var(--s-2);display:inline-flex}.validate-out{font-size:var(--t-sm);font-family:var(--font-mono);white-space:pre-wrap;flex:1;min-width:0}.validate-out.ok{color:var(--ok,#4ade80)}.validate-out.err{color:var(--danger,#f87171)}.runs-table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.runs-table th{text-align:left;padding:var(--s-3) var(--s-4);color:var(--fg-3);font-weight:500;font-size:var(--t-xs);border-bottom:1px solid var(--line);background:var(--surface-2)}.runs-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);vertical-align:top}.runs-table tr.row-empty td{color:var(--fg-3);text-align:center;padding:var(--s-6);font-style:italic}.run-row{cursor:pointer}.run-row:hover{background:var(--surface-2)}.run-when,.run-dur,.run-agents{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.run-caret{color:var(--fg-3);width:16px}.steps-cell{background:var(--surface-2);padding:0!important}.steps{padding:var(--s-3) var(--s-5);margin:0;list-style:none}.step{gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px dashed var(--line);font-size:var(--t-sm);grid-template-columns:90px 1fr;display:grid}.step:last-child{border-bottom:none}.step-id{font-family:var(--font-mono);color:var(--fg-2);overflow-wrap:anywhere;font-size:11px}.step-out{font-family:var(--font-mono);color:var(--fg-3);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;margin-top:3px;font-size:11px;overflow:auto}.step-err{color:var(--danger,#f87171)}.run-error{color:var(--danger,#f87171);font-family:var(--font-mono);padding:var(--s-2) var(--s-5) var(--s-3);font-size:11px}.empty-state{align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);color:var(--fg-3);text-align:center;flex-direction:column;display:flex}.page [hidden]{display:none!important}.template-list{margin:var(--s-4) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.template-list button{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);width:100%;padding:var(--s-3) var(--s-4);cursor:pointer;color:var(--fg)}.template-list button:hover{border-color:var(--accent)}.template-list strong{font-size:var(--t-md);font-weight:500;display:block}.template-list span{font-size:var(--t-xs);color:var(--fg-3);margin-top:2px;display:block}