.dm-layout { display: flex; gap: 16px; height: calc(100vh - 130px); }
                    .dm-sidebar { width: 260px; background: var(--bg-card); border-radius: 12px; box-shadow: var(--shadow); display: flex; flex-direction: column; overflow: hidden; }
                    .dm-sidebar-header { padding: 12px 16px; border-bottom: 1px solid var(--border); font-size: 14px; font-weight: 600; color: var(--text); display: flex; align-items: center; justify-content: space-between; }
                    .dm-agent-list { flex: 1; overflow-y: auto; }
                    .dm-agent-item { padding: 10px 16px; cursor: pointer; border-bottom: 1px solid var(--border); transition: background 0.15s; }
                    .dm-agent-item:hover { background: var(--bg-secondary); }
                    .dm-agent-item.active { background: linear-gradient(135deg, rgba(102,126,234,0.08), rgba(118,75,162,0.08)); border-left: 3px solid var(--primary); }
                    .dm-agent-name { font-size: 14px; font-weight: 500; color: var(--text); }
                    .dm-agent-meta { font-size: 12px; color: var(--text-light); margin-top: 2px; display: flex; gap: 8px; }
                    .dm-agent-badge { display: inline-block; background: var(--success); color: #fff; font-size: 10px; padding: 1px 6px; border-radius: 8px; }
                    .dm-agent-badge.offline { background: var(--text-light); }
                    .dm-main { flex: 1; background: var(--bg-card); border-radius: 12px; box-shadow: var(--shadow); display: flex; flex-direction: column; overflow: hidden; }
                    .dm-main-header { padding: 12px 16px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
                    .dm-main-title { font-size: 15px; font-weight: 600; color: var(--text); }
                    .dm-main-toolbar { display: flex; align-items: center; gap: 8px; }
                    .dm-auto-btn { font-size: 12px; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--border); background: var(--bg-card); cursor: pointer; color: var(--text-secondary); }
                    .dm-auto-btn.active { background: var(--success); color: #fff; border-color: var(--success); }
                    .dm-refresh-btn { font-size: 12px; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--border); background: var(--bg-card); cursor: pointer; color: var(--text-secondary); }
                    .dm-log-list { flex: 1; overflow-y: auto; padding: 8px 0; }
                    .dm-log-empty { text-align: center; padding: 60px 0; color: var(--text-light); font-size: 14px; }
                    .dm-log-entry { padding: 8px 16px; border-bottom: 1px solid #f0f0f0; display: flex; gap: 8px; align-items: flex-start; }
                    .dm-log-entry .dm-log-icon { font-size: 16px; flex-shrink: 0; width: 24px; text-align: center; }
                    .dm-log-entry .dm-log-body { flex: 1; min-width: 0; }
                    .dm-log-entry .dm-log-meta { display: flex; gap: 8px; align-items: center; margin-bottom: 2px; }
                    .dm-log-event { font-size: 12px; font-weight: 600; padding: 1px 6px; border-radius: 4px; }
                    .dm-log-phase { font-size: 12px; color: var(--text-light); }
                    .dm-log-turn { font-size: 11px; color: var(--text-light); }
                    .dm-log-time { font-size: 11px; color: var(--text-light); margin-left: auto; }
                    .dm-log-detail { font-size: 13px; color: var(--text); line-height: 1.5; }
                    .dm-log-full { font-size: 13px; color: var(--text-secondary); margin-top: 4px; padding: 8px 10px; background: var(--bg-secondary); border-radius: 6px; white-space: pre-wrap; word-break: break-word; }
                    .dm-log-entry.user_input { border-left: 3px solid #8c8c8c; }
                    .dm-log-entry.ai_response { border-left: 3px solid #52c41a; }
                    .dm-log-entry.phase_start { border-left: 3px solid #52c41a; }
                    .dm-log-entry.phase_advance { border-left: 3px solid #1890ff; }
                    .dm-log-entry.exit_condition { border-left: 3px solid #52c41a; }
                    .dm-log-entry.max_turns { border-left: 3px solid #fa8c16; }
                    .dm-log-entry.exception { border-left: 3px solid #f5222d; }
                    .dm-log-entry.workflow_complete { border-left: 3px solid #8c8c8c; }