.app-container{display:flex;flex-direction:column;height:100vh;width:100%;min-width:-webkit-fill-available;overflow:hidden;background-color:#15181c}.toolbar{background-color:#333;color:white;padding:10px 20px;justify-content:space-between;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{height:32px}.toolbar-left>*{margin-right:10px}.toolbar-left>:last-child{margin-right:0}.toolbar .brand-title{font-size:28px;line-height:32px}.controls{display:flex;align-items:center;flex-wrap:wrap}.controls>*{margin-right:10px;margin-bottom:5px}.controls>:last-child{margin-right:0}.main-content{display:flex;flex-direction:row;flex:1 1 auto;overflow:hidden;min-height:0;min-width:0;background-color:#15181c}.image-list{background-color:#444;color:white;padding:10px;overflow:hidden;box-sizing:border-box;flex:0 0 auto;min-width:200px;max-width:300px;border-right:1px solid rgba(255,255,255,.08)}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;margin-top:10px;padding-bottom:60px;width:100%;box-sizing:border-box}.image-item{background-color:#555;border-radius:4px;padding:5px;cursor:pointer;transition:all .2s;border:2px solid transparent;box-shadow:0 1px 2px rgba(0,0,0,.15)}.image-item.selected{border:2px solid #00ff00;box-shadow:0 3px 8px rgba(0,0,0,.25)}.image-item img{width:100%;height:auto;border-radius:4px;max-width:100%;box-sizing:border-box}.loading-placeholder{width:100%;height:60px;background-color:#666;border-radius:4px;display:flex;align-items:center;justify-content:center}.image-name{display:none}.stage-container{flex:1 1 auto;overflow:hidden;position:relative;background-color:#111418;width:100%;min-width:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none}.label-panel{width:300px;background-color:#444;color:white;padding:10px;overflow:hidden;box-sizing:border-box;min-height:0;flex-shrink:0;border-left:1px solid rgba(255,255,255,.08)}.debug-panel{padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;margin:10px;border-radius:4px;font-family:monospace;font-size:12px;max-height:150px;overflow-y:auto;color:#333}.label-controls{display:flex;flex-direction:column;margin:10px 0}.label-controls>*{margin-bottom:10px}.label-controls>:last-child{margin-bottom:0}.annotation-list{margin-top:10px}.annotation-item{background-color:#555;padding:8px;border-radius:4px;margin-bottom:8px}.annotation-type{font-weight:700}.annotation-label{font-size:12px;color:#ffcc00}.annotation-coords{font-size:11px;color:#aaa;margin-top:3px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-decode-spinner{animation:spin 1s linear infinite}.polygon-annotation-layer{pointer-events:none}.polygon-annotation-layer,.polygon-annotation-layer svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.polygon-annotation-layer polygon{cursor:pointer;transition:fill .15s ease}.polygon-annotation-layer polygon:hover{fill-opacity:.4}.polygon-vertex{cursor:move;transition:r .1s ease,fill .1s ease}.polygon-vertex:hover{fill:#ffd93d}.polygon-vertex.selected{fill:#ff6b6b}.polygon-midpoint{cursor:copy;opacity:.6;transition:opacity .15s ease,r .1s ease}.polygon-midpoint:hover{opacity:1}.drawing-polygon polyline{fill:none;stroke-linejoin:round}.drawing-polygon line{stroke-linecap:round}.close-hint-text,.vertex-number{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.obb-annotation{position:absolute;border:2px solid;transform-origin:center center;cursor:move}.obb-annotation.selected{border-width:2.5px}.obb-rotation-handle{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:#fff;border:2px solid #2f6feb;border-radius:50%;cursor:-webkit-grab;cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,box-shadow .1s ease}.obb-rotation-handle:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 2px 8px rgba(47,111,235,.4)}.obb-rotation-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.obb-rotation-line{position:absolute;top:-20px;left:50%;width:2px;height:20px;background:#2f6feb;transform:translateX(-50%)}.keypoint-annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.skeleton-line{stroke-linecap:round;stroke-linejoin:round;opacity:.8}.keypoint-marker{cursor:pointer;transition:r .1s ease,fill .1s ease}.keypoint-marker:hover{r:6}.keypoint-marker.selected{stroke-width:3}.keypoint-marker.occluded{fill-opacity:.5;stroke-dasharray:2 2}.keypoint-marker.invisible{fill:transparent;stroke-dasharray:4 2}.keypoint-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:10px;fill:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.current-keypoint-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px;z-index:100}.current-keypoint-hint .keypoint-name{color:#ffd93d;font-weight:600}.current-keypoint-hint .keypoint-index{color:#9aa4af;font-size:11px}.keypoint-template-selector{display:flex;flex-direction:column;gap:8px;padding:12px;background:#1a1f26;border-radius:8px;border:1px solid #30363d}.keypoint-template-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#22262c;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.keypoint-template-option:hover{background:#2a2f36;border-color:#3a3f46}.keypoint-template-option.selected{background:rgba(47,111,235,.15);border-color:#2f6feb}.keypoint-template-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#30363d;border-radius:6px}.keypoint-template-info{flex:1 1}.keypoint-template-name{font-size:13px;font-weight:500;color:#e6edf3}.keypoint-template-count{font-size:11px;color:#9aa4af}.annotation-toolbar{display:flex;align-items:center;gap:4px;padding:4px;background:#1a1f26;border-radius:8px;border:1px solid #30363d}.annotation-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:6px;background:transparent;color:#9aa4af;cursor:pointer;transition:all .15s ease}.annotation-tool-btn:hover{background:#22262c;color:#e6edf3}.annotation-tool-btn.active{background:#2f6feb;color:#fff}.annotation-tool-btn:disabled{opacity:.5;cursor:not-allowed}.annotation-tool-label{margin-left:8px;padding:4px 8px;font-size:12px;color:#9aa4af;border-left:1px solid #30363d}