:root{color:#1e293b;background:#eef2f7;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;height:100vh;display:flex}header{background:#fff;border-bottom:1px solid #dee2e6;align-items:center;gap:16px;padding:12px 20px;display:flex}header h1{margin:0;font-size:18px}header .sub{color:#64748b;font-size:13px}header .badge{color:#946800;background:#fff3bf;border-radius:999px;padding:2px 8px;font-size:12px}header .counts{gap:14px;margin-left:auto;font-size:13px;font-weight:600;display:flex}header .recent{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}header select{font:inherit;padding:2px 4px}header a.badge{text-decoration:none}header a.badge:hover{text-decoration:underline}header .lang{color:#3b5bdb;white-space:nowrap;font-size:13px;text-decoration:none}header .lang:hover{text-decoration:underline}main{flex:1;min-height:0;display:flex}.scene{background:linear-gradient(#f6f8fb,#e9eef5);flex:1;min-width:0;position:relative}.live{background:#fff;border:1px solid #dee2e6;border-radius:12px;width:min(380px,100% - 32px);max-height:calc(100% - 32px);padding:14px 16px;font-size:13px;position:absolute;top:16px;left:16px;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.live .dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.live-head{align-items:flex-start;gap:8px;display:flex}.live-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.live-who strong{overflow-wrap:anywhere;font-size:14px}.live-who span{color:#94a3b8;font-size:12px}.live-status{white-space:nowrap;margin-top:2px;font-size:12px;font-weight:600}.live-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.live-close:hover{color:#1e293b}.live-topic{background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;margin:12px 0 0;padding:8px 10px;display:flex}.live-topic q{color:#475569}.live section{margin-top:12px}.live h3{color:#64748b;letter-spacing:.02em;margin:0 0 6px;font-size:11px;font-weight:700}.live h3 time{color:#94a3b8;margin-left:4px;font-weight:500}.live-now{color:#475569;margin:0}.live-empty{color:#64748b;margin:12px 0 0}.live-steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.live-step{grid-template-columns:14px auto 1fr auto;align-items:baseline;gap:6px;display:grid}.live-step .mark{text-align:center;font-size:11px}.live-step .tool{font-weight:600}.live-step .summary{color:#475569;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-step .time{color:#94a3b8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.live-step.running .mark{color:#1c7ed6;animation:1.2s ease-in-out infinite live-pulse}.live-step.done .mark{color:#2f9e44}.live-step.error .mark{color:#e03131}.live-message{color:#334155;white-space:pre-wrap;margin:0;line-height:1.5}.live-foot{color:#94a3b8;margin:12px 0 0;font-size:11px}@keyframes live-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live-step.running .mark{animation:none}}.loading{color:#64748b;padding:40px}.tag{text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:2px;font-size:6px;font-weight:700}.tag.agent{font-size:5px;font-weight:600}aside{background:#fff;border-left:1px solid #dee2e6;width:320px;overflow-y:auto}aside ol{margin:0;padding:8px;list-style:none}aside li{cursor:pointer;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:12px 1fr auto;gap:2px 8px;padding:8px;display:grid}aside li:hover{background:#f1f5f9}aside li.selected{background:#fff4e6}aside li.agent{margin-left:18px;padding-top:5px;padding-bottom:5px}aside li.agent .name{font-size:13px;font-weight:500}aside .dot{border-radius:50%;grid-area:1/1/3;width:10px;height:10px;margin-top:5px}aside .name{grid-area:1/2;font-size:14px;font-weight:600}aside .status{color:#64748b;white-space:nowrap;grid-area:1/3;align-self:center;font-size:12px}aside .project{color:#94a3b8;grid-area:2/2/auto/4;font-size:12px}aside .cwd{color:#64748b;word-break:break-all;margin:0 16px 16px;font-size:12px}
