.operator-layout{height:calc(100vh - var(--header-height));display:flex;overflow:hidden}.op-left-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);width:320px;min-width:320px;padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.op-panel-title{font-size:var(--text-lg);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.op-panel-title svg{color:var(--accent-primary)}.op-workflow-selector{gap:var(--spacing-sm);flex-direction:column;display:flex}.op-workflow-selector label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.op-workflow-selector .hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.op-mic-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.op-mic-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.op-mic-label{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--spacing-xs);display:flex}.op-mic-status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px}.op-mic-status.active{background:var(--success-bg);color:var(--success)}.op-mic-status.inactive{background:var(--danger-bg);color:var(--danger)}.op-mic-level-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.op-mic-level-fill{background:var(--success);border-radius:var(--radius-full);width:0%;height:100%;transition:width 50ms ease-out,background .2s}.op-call-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.op-call-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:flex}.op-call-btn:disabled{opacity:.5;cursor:not-allowed}.op-call-btn-start{background:var(--success);color:#fff}.op-call-btn-start:hover:not(:disabled){background:#059669;transform:scale(1.02)}.op-call-btn-end{background:var(--danger);color:#fff}.op-call-btn-end:hover:not(:disabled){background:#dc2626;transform:scale(1.02)}.op-call-status{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.op-status-row{padding:var(--spacing-xs)0;justify-content:space-between;align-items:center;display:flex}.op-status-label{font-size:var(--text-sm);color:var(--text-secondary)}.op-status-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.op-status-value.idle{color:var(--text-muted)}.op-status-value.connecting{color:var(--warning)}.op-status-value.connected{color:var(--success)}.op-status-value.ended{color:var(--danger)}.op-ws-info{font-size:var(--text-sm);color:var(--text-muted);flex-direction:column;gap:4px;display:flex}.op-ws-row{align-items:center;gap:var(--spacing-sm);display:flex}.op-ws-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px}.op-ws-dot.connected{background:var(--success)}.op-ws-debug{color:var(--text-muted);word-break:break-all;font-size:10px}.op-right-panel{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.op-audit-header{padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.op-audit-title{font-size:var(--text-lg);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.op-audit-actions{gap:var(--spacing-sm);display:flex}.op-audit-container{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.op-audit-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.op-audit-empty svg{opacity:.5;width:64px;height:64px}.op-step-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0;animation:.2s ease-out opSlideIn;overflow:hidden}.op-step-card.executing{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.op-step-header{padding:var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.op-step-info{align-items:center;gap:var(--spacing-sm);display:flex}.op-step-number{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.op-step-number.input{background:#10b981}.op-step-number.intelligence{background:#f97316}.op-step-number.logic{background:#8b5cf6}.op-step-number.routing{background:#3b82f6}.op-step-number.output{background:#ec4899}.op-step-type{color:var(--text-primary);font-weight:600}.op-step-node-id{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.op-step-time{font-size:var(--text-xs);color:var(--text-muted)}.op-step-body{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.op-step-row{gap:var(--spacing-md);display:flex}.op-step-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;min-width:80px}.op-step-content{font-size:var(--text-sm);color:var(--text-primary);flex:1}.op-step-content.mono{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-primary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.op-step-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes opSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}