.liveWorkspace{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.liveHeading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:10px}.liveHeading h3{font-size:22px;margin:0}.liveBadge{font:600 10px/1.5 monospace;letter-spacing:.1em;color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:20px}.liveWorkspace[data-active=true] .liveBadge{color:var(--success);border-color:var(--success)}
.liveWorkspace .control-row{margin:18px 0 0}.liveStop{color:var(--danger)}.liveState{font-size:14px;line-height:1.6;min-height:24px;margin:14px 0;color:var(--muted);white-space:pre-wrap;max-height:130px;overflow:auto}
.liveView{min-height:190px;max-height:480px;overflow:auto;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px}.liveView p{color:var(--muted);max-width:390px;padding:30px;text-align:center;line-height:1.7;margin:0}.liveView img{max-width:100%;max-height:460px;object-fit:contain}
.liveInstructions{display:flex;gap:10px;margin-top:16px}.liveInstructions input{flex:1;min-width:0}.liveShortcuts{display:flex;gap:8px;margin-top:12px}.liveShortcuts button{background:transparent;font-size:13px;border:1px solid var(--line)}
#agentRoot>label.check{margin:14px 0 18px;align-items:flex-start;line-height:1.6}#agentRoot>textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
@media(max-width:650px){.liveWorkspace{padding:16px}.liveHeading{align-items:flex-start;flex-direction:column}.liveInstructions{flex-direction:column}.liveShortcuts{flex-wrap:wrap}}