main{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;height:100vh;overflow:hidden}.sec-header{display:flex;justify-content:space-between;align-items:center;margin:.3rem;height:4rem;border-radius:8px;background-color:#fff;border:1px solid #ddd;padding:0 .6rem}.sec-header>div{display:flex;gap:1rem;align-items:center}.col1-video,.col1-map,.video-container{padding:.5rem;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;z-index:2}.col1{display:grid;grid-template-rows:1fr 1fr;padding:.3rem;overflow:hidden;gap:.3rem}.col2{padding:.3rem;overflow-y:auto;display:grid;grid-auto-rows:calc((100vh - 5rem)/2);gap:.3rem}.video-container{position:relative;padding:.5rem;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;height:100%;cursor:pointer}.video-container:hover{border-color:#999;box-shadow:0 2px 8px #0000001a}.video-container.selected{border:3px solid #1976d2;background-color:#e3f2fd;box-shadow:0 4px 12px #1976d24d}.selected-checkbox{position:absolute;top:.5rem;left:.5rem;z-index:10;color:#1976d2;background:#fff;border-radius:50%}.statusOptions{padding:.5rem;border-radius:8px}.annotation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.annotation-overlay.active{pointer-events:auto;cursor:crosshair}.annotation-drawing-rect{position:absolute;border:2px dashed #ff5722;background-color:#ff57221a;pointer-events:none;z-index:10;animation:drawingPulse 1.5s ease-in-out infinite}@keyframes drawingPulse{0%,to{border-color:#ff5722;background-color:#ff57221a}50%{border-color:#ff8a65;background-color:#ff572233}}.annotation-box{position:absolute;border:2px solid #2196f3;background-color:#2196f31a;pointer-events:auto;z-index:5;transition:all .2s ease}.annotation-box:hover{border-color:#1976d2;background-color:#2196f333;z-index:6}.annotation-box.selected{border:3px solid #2196f3;background-color:#2196f326;z-index:10;box-shadow:0 0 10px #2196f380}.annotation-box.editing{border:3px solid #4caf50;background-color:#4caf501a;z-index:15;box-shadow:0 0 15px #4caf5099;cursor:move}.annotation-overlay.editing{pointer-events:auto}.annotation-label{position:absolute;top:-20px;left:0;background-color:#2196f3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap;font-weight:500;box-shadow:0 1px 3px #0000004d}.annotation-mode-indicator{position:absolute;top:8px;left:8px;background-color:#ff5722e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:20;box-shadow:0 2px 8px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.annotation-button{color:#fff!important;transition:all .2s ease}.annotation-button:hover{background-color:#ffffff1a;transform:scale(1.05)}.annotation-button.active{color:#ff5722!important;background-color:#ff57221a}.annotation-button.cancel{color:#ff9800!important}.annotation-button.cancel:hover{background-color:#ff98001a}.annotation-label-input{width:100%}.recent-labels-container{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.recent-label-chip{font-size:11px!important;height:24px!important}.recent-label-list{max-height:120px;overflow-y:auto}.recent-label-list .MuiListItem-root{padding:4px 8px!important;font-size:12px;border-radius:4px;margin-bottom:2px}.recent-label-list .MuiListItem-root:hover{background-color:#2196f31a}.recent-label-list .MuiListItem-root.selected{background-color:#2196f333;color:#1976d2;font-weight:500}@media (max-width: 768px){.annotation-mode-indicator{font-size:10px;padding:2px 6px}.annotation-label{font-size:9px;padding:1px 4px}}.annotation-box:focus-within{outline:2px solid #ff9800;outline-offset:2px}@media (prefers-color-scheme: dark){.annotation-mode-indicator{background-color:#ff5722f2}.annotation-label{background-color:#1976d2}}