:root{--app-bg:#f0f2f5;--app-header-bg:#fff;--app-border:#e5e4e7;--app-text:#08060d;--app-text-secondary:#0000008c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--app-bg:#16171d;--app-header-bg:#1f2028;--app-border:#2e303a;--app-text:#f3f4f6;--app-text-secondary:#fff9}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-layout{background:var(--app-bg);min-height:100vh}.app-header{background:var(--app-header-bg);border-bottom:1px solid var(--app-border);z-index:10;height:auto;padding:10px 16px;line-height:normal;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-title{color:var(--app-text);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.app-title-icon{color:#1677ff;font-size:22px}.app-header-controls{flex-wrap:wrap}.app-content{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:16px}.source-selector-card,.suggestion-panel,.live-stats-card,.results-table-card,.export-panel-card,.gate-editor-card{margin-bottom:16px}.gate-color-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.gate-dist-card .gate-dist-row{justify-content:space-between;margin-top:4px;display:flex}.suggestion-gate-tag{align-self:flex-start}.source-selector-body{margin-top:16px}.video-section{margin-bottom:16px;position:relative}.video-stage{background:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.video-el{width:100%;height:auto;display:block}.video-el-hidden{display:none}.video-canvas-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{padding:40px 0}.ai-overlay-panel{pointer-events:none;z-index:5;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.ai-status-badge{pointer-events:auto;color:#fff;background:#0000008c;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.ai-progress-bar{pointer-events:auto;background:#0000008c;border-radius:6px;width:240px;max-width:90%;padding:4px 10px}.ai-progress-bar .ant-progress-text{color:#fff}.gate-draw-hint{z-index:6;color:#fff;background:#000000b3;border-radius:6px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.suggestion-list{max-height:480px;overflow-y:auto}.suggestion-item{flex-wrap:wrap;align-items:center;gap:12px;display:flex!important}.suggestion-thumb img,.thumb-placeholder{object-fit:cover;background:#f0f0f0;border-radius:6px;flex-shrink:0;width:90px;height:68px}.suggestion-info{flex-direction:column;gap:4px;min-width:100px;display:flex}.suggestion-confidence,.suggestion-time{color:var(--app-text-secondary);font-size:12px}.suggestion-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.class-dist-card{text-align:center}@media (width<=576px){.app-content{padding:10px}.suggestion-actions{width:100%;margin-left:0}.suggestion-actions .ant-btn{flex:auto;min-height:40px;font-size:15px}.suggestion-item{justify-content:center}}