.yolo-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.yolo-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.yolo-control-row label{font-size:12px;color:var(--dim, #888);white-space:nowrap}#confSlider{flex:1;max-width:160px}#confValue{font-family:var(--mono, monospace);font-size:12px;color:var(--accent, #6a5acd);min-width:40px;text-align:right}#fpsValue,#msValue{font-family:var(--mono, monospace);font-size:12px;color:var(--text, #e0e0e0);background:var(--bg3, #1e1e1e);padding:2px 6px;border-radius:4px;min-width:36px;display:inline-block;text-align:center}.video-container{position:relative;width:100%;max-width:640px;margin:0 auto;border:1px solid var(--border, #333);border-radius:8px;overflow:hidden;background:#000}#webcamFeed,#overlayCanvas{display:block;width:100%;height:auto}#overlayCanvas{position:absolute;top:0;left:0;pointer-events:none}.yolo-status-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-height:24px}.mode-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px;border:1px solid var(--border, #333);background:var(--bg3, #1e1e1e);color:var(--dim, #aaa);white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.mode-badge[data-state=loading]{color:var(--muted);border-color:var(--border);background:var(--bg3)}.mode-badge[data-state=real]{color:var(--success);border-color:var(--success);background:var(--success-dim)}.mode-badge[data-state=sim]{color:var(--warning);border-color:var(--warning);background:var(--warning-dim)}.mode-badge[data-state=error]{color:var(--danger);border-color:var(--danger);background:#ff333326}.infer-status{font-family:var(--mono, monospace);font-size:11px;color:var(--dim, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.privacy-notice{margin-top:10px;padding:8px 12px;font-size:12px;color:var(--dim, #888);background:var(--bg3, #1e1e1e);border-radius:6px;border-left:3px solid #06d6a0}.class-panel{min-height:160px;max-height:320px;overflow-y:auto;border:1px solid var(--border, #333);border-radius:8px;padding:10px;background:var(--bg3, #1e1e1e)}.class-panel .empty-message{margin:0;font-style:italic;color:var(--dim, #888);text-align:center;padding:20px}.class-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:4px 8px;border-radius:4px;background:var(--bg2, #222)}.class-name{font-family:var(--mono, monospace);font-size:12px;color:var(--text, #e0e0e0)}.class-bar{flex:1;height:8px;background:var(--border, #333);border-radius:4px;margin:0 10px;overflow:hidden}.class-fill{height:100%;border-radius:4px}.class-count{font-family:var(--mono, monospace);font-size:11px;color:var(--dim, #aaa);min-width:20px;text-align:right}.export-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.wasm-warning{display:none;padding:12px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:12px;text-align:center}.wasm-warning.show{display:block}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;border-radius:8px;z-index:100}.loading-spinner{width:36px;height:36px;border:4px solid rgba(255,255,255,.2);border-left-color:#06d6a0;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}#mermaidOutput{min-height:120px;padding:10px;border:1px solid var(--border, #333);border-radius:8px;background:var(--bg3, #1e1e1e)}