@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code&display=swap";:root{--color-bg: #0F1419;--color-panel: #1A1F2E;--color-accent: #00A8FF;--color-accent-hover: #008ecc;--color-success: #00E676;--color-warning: #FFC107;--color-error: #FF5252;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B8C4;--color-border: #2D3748;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#344054;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475467}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--color-bg)}.app-header{height:60px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;background-color:var(--color-bg);flex-shrink:0}.logo-section{display:flex;align-items:center;gap:12px}.logo-section h1{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.highlight{color:var(--color-accent)}.main-grid{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 60px)}.left-panel{display:flex;flex-direction:column;border-right:1px solid var(--color-border);padding:24px;gap:24px;overflow-y:auto}.video-section{flex:2;background-color:#000;border-radius:12px;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;overflow:hidden}.right-panel{display:flex;flex-direction:column;background-color:var(--color-panel);border-left:1px solid var(--color-border);overflow-y:auto;height:100%}.settings-sidebar,.monitor-section,.history-section{padding:16px;border-bottom:1px solid var(--color-border)}.monitor-section{flex:1;min-height:200px;display:flex;flex-direction:column;overflow:hidden}.history-section{flex:1;min-height:200px;display:flex;flex-direction:column;overflow:hidden;max-height:350px}.placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);height:100%;width:100%;gap:12px}.placeholder-icon{color:var(--color-border)}.close-video-btn{position:absolute;top:12px;right:12px;background-color:#0009;color:#fff;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;z-index:20}.close-video-btn:hover{background-color:var(--color-error)}.video-uploader{width:100%;height:100%;border:2px dashed var(--color-border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#1a1f2e80;transition:all .2s ease;min-height:400px}.video-uploader:hover,.video-uploader.dragging{border-color:var(--color-accent);background-color:#00a8ff0d}.upload-content{text-align:center;color:var(--color-text-secondary);pointer-events:none}.icon-circle{width:64px;height:64px;border-radius:50%;background-color:var(--color-panel);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--color-accent)}.upload-content h3{color:var(--color-text-primary);margin-bottom:8px;font-size:1.1rem}.upload-content p{font-size:.9rem}.region-selector{position:absolute;border:2px solid var(--color-accent);background-color:#00a8ff1a;cursor:move;z-index:10;display:flex;flex-direction:column;align-items:flex-start;padding:4px}.region-selector:hover{border-color:#4dc4ff;background-color:#00a8ff26}.resize-handle{position:absolute;bottom:-6px;right:-6px;width:16px;height:16px;background-color:var(--color-accent);cursor:se-resize;border-radius:50%;border:2px solid var(--color-bg)}.region-label{background-color:var(--color-accent);color:#fff;font-size:10px;padding:2px 4px;border-radius:2px;position:absolute;top:-20px;left:-2px;white-space:nowrap}.region-coords{position:absolute;bottom:2px;right:4px;font-size:10px;color:#fffc;pointer-events:none}.sidebar-content{display:flex;flex-direction:column;gap:24px}.sidebar-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;margin-bottom:16px}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:.85rem;margin-bottom:8px;color:var(--color-text-primary)}.custom-select{width:100%;padding:8px 12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:#fff;outline:none}.custom-select:focus{border-color:var(--color-accent)}.custom-slider{width:100%;accent-color:var(--color-accent)}.action-btn{width:100%;padding:12px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.start-btn{background-color:var(--color-accent);color:#fff}.start-btn:hover{background-color:var(--color-accent-hover)}.start-btn:disabled{background-color:var(--color-border);cursor:not-allowed;color:var(--color-text-secondary)}.stop-btn{background-color:var(--color-error);color:#fff}.checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:var(--color-text-secondary);opacity:.7}.secondary-btn{background-color:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary)}.secondary-btn:hover{border-color:var(--color-accent);background-color:#ffffff0d}.secondary-btn:disabled{opacity:.5;cursor:default;border-color:var(--color-border)}.monitor-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.monitor-header h3{font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.copy-btn{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary)}.copy-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.logs-window{flex:1;background-color:#0003;border:1px solid var(--color-border);border-radius:8px;padding:12px;overflow-y:auto;font-family:var(--font-mono);font-size:.85rem}.log-entry{margin-bottom:8px;line-height:1.5;word-break:break-word;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.log-time{color:var(--color-accent);margin-right:8px;font-size:.75rem;opacity:.8}.log-text{color:var(--color-text-primary)}.empty-state{color:var(--color-text-secondary);text-align:center;margin-top:24px;font-style:italic}.history-container{display:flex;flex-direction:column;height:100%}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-header h3{font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase}.count-badge{background-color:var(--color-border);padding:2px 6px;border-radius:12px;font-size:.7rem}.thumbnails-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding-right:4px}.history-item{background-color:var(--color-bg);border-radius:6px;overflow:hidden;border:1px solid var(--color-border);transition:transform .2s}.history-item:hover{transform:translateY(-2px);border-color:var(--color-text-secondary)}.history-thumb{width:100%;height:60px;object-fit:cover;display:block}.history-meta{padding:6px;display:flex;justify-content:space-between;font-size:.7rem;background-color:#ffffff0d}.timestamp{color:var(--color-text-secondary)}.confidence{color:var(--color-success);font-weight:600}.confidence.low{color:var(--color-warning)}.empty-history{color:var(--color-text-secondary);grid-column:1 / -1;text-align:center;margin-top:24px;font-size:.8rem}