.workspace-agent-prototype{display:grid;gap:16px;border:1px solid var(--border-subtle-1);border-radius:12px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-elevated) 96%,var(--surface-fill-1)),var(--surface-elevated));padding:16px;box-shadow:0 1px 3px #120d0f0f}.workspace-agent-prototype__header{display:flex;justify-content:space-between;gap:16px;align-items:start}.workspace-agent-prototype__header h2{margin:4px 0 6px;color:var(--text-primary);font-size:1.15rem;line-height:1.2}.workspace-agent-prototype__header p{max-width:720px;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.workspace-agent-prototype__status{display:grid;justify-items:end;gap:4px;min-width:160px;color:var(--text-secondary)}.workspace-agent-prototype__status span{font-family:var(--font-mono);font-size:11px}.workspace-agent-prototype__status strong{color:var(--text-primary);font-family:var(--font-mono);font-size:1.35rem}.workspace-agent-builder{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,.78fr) minmax(380px,1.25fr);gap:12px;align-items:stretch;min-height:380px}.workspace-agent-brief,.workspace-agent-stream,.workspace-agent-preview{min-width:0;border:1px solid var(--border-subtle-1);border-radius:10px;background:var(--surface-ground)}.workspace-agent-brief{display:grid;gap:14px;align-content:start;padding:14px}.workspace-agent-brief__prompt{display:grid;gap:8px;border:1px dashed var(--border-emphasis);border-radius:8px;background:var(--surface-elevated);padding:12px}.workspace-agent-brief__prompt span,.workspace-agent-stream__bar span,.workspace-agent-stream__bar em{color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-agent-brief__prompt p{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.45}.workspace-agent-brief__prompt code{width:fit-content;border:1px solid var(--border-subtle-1);border-radius:4px;background:var(--surface-ground);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;padding:4px 6px}.workspace-agent-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.workspace-agent-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;border:1px solid transparent;border-radius:8px;padding:8px}.workspace-agent-step[data-active=true]{border-color:var(--border-emphasis);background:var(--surface-elevated)}.workspace-agent-step[data-complete=true]{opacity:.72}.workspace-agent-step>span{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--border-subtle-1);border-radius:999px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:800}.workspace-agent-step[data-active=true]>span{border-color:var(--text-primary);background:var(--text-primary);color:var(--surface-ground)}.workspace-agent-step strong{display:block;color:var(--text-primary);font-size:.86rem}.workspace-agent-step p{margin:3px 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.4}.workspace-agent-stream{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.workspace-agent-stream__bar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-subtle-1);padding:10px 12px}.workspace-agent-stream pre{overflow:auto;margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap;padding:14px}.workspace-agent-preview{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.workspace-agent-preview__chrome{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-subtle-1);background:var(--surface-elevated);padding:10px 12px}.workspace-agent-preview__chrome span{width:9px;height:9px;border:1px solid var(--border-emphasis);border-radius:999px}.workspace-agent-preview__chrome strong{min-width:0;overflow:hidden;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.workspace-agent-preview iframe{width:100%;height:100%;min-height:330px;border:0;background:#f6f3ee}@media(max-width:640px){.workspace-agent-builder{grid-template-columns:minmax(0,1fr)}.workspace-agent-prototype__header{display:grid}.workspace-agent-prototype__status{justify-items:start;min-width:0}.workspace-agent-preview iframe{min-height:280px}}