*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#root,.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#161616;border-bottom:1px solid #252525;flex-wrap:wrap;flex-shrink:0;min-height:44px}.meta-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.meta-badge-setting{background:#0d3d5e;color:#5bc4f0;border:1px solid #1a6a90}.meta-badge-lighting{background:#3d2d00;color:#fc4;border:1px solid #7a5800}.meta-badge-hand{background:#1a3a1a;color:#6c6;border:1px solid #2a6a2a}.meta-badge-empty{background:#1e1e1e;color:#444;border:1px solid #2a2a2a}.meta-badge-edited{background:#1e1e1e;color:#777;border:1px solid #2e2e2e}.toolbar-label{font-size:11px;font-weight:500;color:#555;white-space:nowrap}.sep{width:1px;height:16px;background:#2e2e2e;flex-shrink:0;align-self:center;font-size:0;overflow:hidden}select,input[type=text],input[type=number],input[list]{background:#1e1e1e;color:#ddd;border:1px solid #363636;padding:5px 9px;border-radius:5px;font-size:12px;font-family:inherit;outline:none;height:30px}select:focus,input:focus{border-color:#c9a227}.btn{background:#252525;color:#bbb;border:1px solid #363636;padding:5px 14px;border-radius:5px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;white-space:nowrap;height:30px;display:inline-flex;align-items:center}.btn:hover:not(:disabled){background:#2e2e2e;color:#e0e0e0;border-color:#c9a227}.btn:disabled{opacity:.35;cursor:default}.btn-sm{padding:4px 10px;font-size:11px;height:27px}.btn-save{background:#0d2e0d;color:#6ec46e;border-color:#1e4a1e}.btn-save:hover:not(:disabled){background:#163516;color:#88e088;border-color:#2a6a2a}.btn-danger{background:#2a0d0d;color:#e06060;border-color:#4a1818}.btn-danger:hover:not(:disabled){background:#3a1010;color:#f08080;border-color:#6a2020}.btn-submit{background:#c9a227;color:#1a1500;border:1px solid #a88520;font-weight:700;padding:5px 18px;font-size:12px;height:30px}.btn-submit:hover:not(:disabled){background:#e8c547;border-color:#c9a227}.btn-submit.submitted{background:#1c1c1c;color:#c9a227;border-color:#c9a227}.btn-submit.submitted:hover:not(:disabled){background:#252500;color:#e8c547}.status{margin-left:auto;color:#555;font-size:11px;min-width:160px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-error{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999;background:#7a1515;border:2px solid #c0392b;color:#fff;font-size:18px;font-weight:700;padding:18px 32px;border-radius:10px;box-shadow:0 6px 32px #000000b3;display:flex;align-items:center;gap:14px;cursor:pointer;min-width:340px;max-width:600px;text-align:center;pointer-events:all;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-error-icon{font-size:26px;flex-shrink:0}.toast-error-close{margin-left:auto;background:transparent;border:none;color:#faa;font-size:20px;cursor:pointer;padding:0 4px;flex-shrink:0}.toast-error-close:hover{color:#fff}.canvas-toast{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:200;font-size:13px;font-weight:700;padding:8px 20px;border-radius:8px;pointer-events:none;white-space:nowrap;animation:canvas-toast-in .15s ease;box-shadow:0 3px 16px #0009}.canvas-toast-success{background:#0f3d1a;border:1px solid #2a7a3a;color:#6e8}.canvas-toast-error{background:#3d0f0f;border:1px solid #7a2a2a;color:#faa}@keyframes canvas-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.img-progress-bar-wrap{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#0e0e0e;border-bottom:1px solid #1e1e1e;flex-shrink:0}.img-progress-bar-track{flex:1;height:6px;background:#1e1e1e;border-radius:3px;overflow:hidden}.img-progress-bar-fill{height:100%;background:linear-gradient(90deg,#2a6a4a,#4c8);border-radius:3px;transition:width .4s ease}.img-progress-bar-label{font-size:11px;color:#888;white-space:nowrap;flex-shrink:0}.main{display:flex;flex:1;overflow:hidden}.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.navbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#161616;border-top:1px solid #252525;flex-shrink:0;flex-wrap:wrap;min-height:52px}.frame-info{font-size:11px;color:#555;min-width:100px;text-align:center}.frame-badge{display:flex;align-items:baseline;gap:2px;background:#1a1a1a;border:1px solid #c9a227;border-radius:6px;padding:3px 10px;flex-shrink:0;min-width:80px;justify-content:center}.frame-badge-cur{font-size:15px;font-weight:700;color:#c9a227;letter-spacing:-.5px}.frame-badge-sep{font-size:11px;color:#3a3a3a}.frame-badge-total{font-size:11px;color:#555}.scrubber-ticks{position:relative;height:4px;background:#1a1a1a;border-radius:3px}.scrubber-tick{position:absolute;width:2px;height:4px;border-radius:1px;transform:translate(-50%)}.scrubber-range{width:100%;accent-color:#c9a227;cursor:pointer;height:18px}.scrubber-range:disabled{cursor:default;opacity:.4}.jump-input{width:60px;text-align:center}.zoom-badge{font-size:11px;color:#4a4a4a;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.filter-popover{position:relative;margin-left:6px}.filter-panel{position:absolute;right:0;bottom:36px;background:#141414;border:1px solid #2a2a2a;border-radius:8px;padding:8px 10px;min-width:220px;box-shadow:0 6px 18px #0006;z-index:5}.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#cfcfcf}.filter-row:last-child{margin-bottom:0}.filter-label{width:58px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#777}.filter-panel select{flex:1;background:#1e1e1e;border:1px solid #333;color:#ddd;padding:4px 6px;border-radius:6px;font-size:12px}.filter-panel input[type=range]{flex:1;accent-color:#c9a227}.filter-value{width:38px;text-align:right;color:#999;font-variant-numeric:tabular-nums}.sidebar{width:240px;background:#161616;border-left:1px solid #252525;display:flex;flex-direction:column;padding:10px;gap:8px;overflow-y:auto;overflow-x:hidden;flex-shrink:0;position:relative}.sidebar-resize-handle{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.sidebar-resize-handle:hover{background:#7b52ab66}.sidebar-clear-confirm{background:#1a0a0a;border:1px solid #5a2020;border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:2px}.unedited-predictions-panel{background:#0f1a0f;border:1px solid #2a4a1a;border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:4px}.unedited-predictions-list{display:flex;flex-wrap:wrap;gap:4px;max-height:120px;overflow-y:auto}.unedited-frame-btn{background:#1a2e10!important;color:#8c5!important;border:1px solid #3a6020!important;font-size:10px!important;padding:3px 7px!important}.unedited-frame-btn:hover{background:#2a4a1a!important}.sidebar-tabs{display:flex;gap:0;border-bottom:1px solid #252525;margin:-10px -10px 0;flex-shrink:0}.sidebar-tab{flex:1;padding:8px 6px;background:#111;border:none;border-bottom:2px solid transparent;color:#555;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:color .1s,border-color .1s}.sidebar-tab:hover{color:#999}.sidebar-tab.active{color:#c9a227;border-bottom-color:#c9a227;background:#161616}.sidebar-meta{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid #252525}.sidebar-field{display:flex;flex-direction:column;gap:3px}.sidebar-field-label{font-size:10px;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.8px}.sidebar-field select{width:100%;height:28px;padding:4px 8px;font-size:12px}.sidebar-actions{display:flex;gap:6px;align-items:center;margin-top:2px}.sidebar-heading{font-size:10px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:1.2px;padding:2px 0}.sidebar-section{flex-shrink:0;display:flex;flex-direction:column;gap:5px;padding-bottom:10px;border-bottom:1px solid #252525}.sidebar-row{display:flex;align-items:center;gap:5px}.box-list{flex-shrink:0;display:flex;flex-direction:column;gap:3px}.box-list::-webkit-scrollbar{width:3px}.box-list::-webkit-scrollbar-track{background:transparent}.box-list::-webkit-scrollbar-thumb{background:#2e2e2e;border-radius:2px}.box-item{background:#1a1a1a;border-radius:5px;padding:6px 9px 5px;font-size:11px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:4px;border-left:3px solid transparent;transition:background .1s}.box-item:hover{background:#242424;border-left-color:#c9a227}.box-item.sel{background:#1f1800;border-left-color:#c9a227}.box-item-info{flex:1;min-width:0}.cdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.box-label{font-weight:600}.box-src{color:#c9a227;font-size:10px;margin-left:4px}.box-coords{color:#4a4a4a;font-size:10px;margin-top:2px}.box-conf{color:#c9a227;font-size:10px}.del-btn{color:#c04040;cursor:pointer;font-size:17px;line-height:1;padding:0 2px;flex-shrink:0;opacity:.6}.del-btn:hover{opacity:1;color:#e06060}.thrown-yes-btn{margin-top:5px;font-size:10px;padding:2px 7px;background:#1a1a1a;color:#888;border:1px solid #333;border-radius:3px;cursor:pointer;width:100%}.thrown-yes-btn:hover{border-color:#c9a227;color:#c9a227}.thrown-yes-btn.thrown-yes-active{background:#2a1e00;color:#c9a227;border-color:#c9a227}.thrown-btn{font-size:14px;line-height:1;padding:0 2px;flex-shrink:0;opacity:.65;filter:grayscale(.5);transition:opacity .15s,filter .15s}.thrown-btn:hover,.thrown-btn.thrown-active{opacity:1;filter:grayscale(0)}.thrown-btn.thrown-auto{opacity:.3;filter:grayscale(1);cursor:default}.hint{font-size:10px;color:#383838;line-height:1.8;padding:6px 0 2px;border-top:1px solid #1e1e1e}.btn-flag{background:#1e1e1e;color:#777;border-color:#2e2e2e}.btn-flag:hover:not(:disabled){background:#252525;color:#bbb;border-color:#555}.btn-flag-active{background:#2a0d0d;color:#e08080;border-color:#6a2020}.btn-flag-active:hover:not(:disabled){background:#3a1010;color:#f0a0a0;border-color:#8a2828}.mode-toggle{display:flex;gap:2px;background:#181818;border:1px solid #2a2a2a;border-radius:6px;padding:2px}.mode-btn{background:transparent;color:#555;border:none;padding:4px 13px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;font-family:inherit;transition:background .15s,color .15s;white-space:nowrap}.mode-btn:hover{color:#999}.mode-btn.active{background:#c9a227;color:#1a1500}.img-browser{background:#161616;border-right:1px solid #252525;display:flex;flex-direction:column;padding:10px;gap:7px;overflow:hidden;flex-shrink:0;position:relative}.img-browser-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background:transparent;z-index:10}.img-browser-resize-handle:hover{background:#c9a22766}.img-browser-header{display:flex;align-items:center;justify-content:space-between}.img-browser-loading{font-size:10px;color:#444;font-style:italic}.img-browser-controls{display:flex;flex-direction:column;gap:5px}.img-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.img-list::-webkit-scrollbar{width:3px}.img-list::-webkit-scrollbar-track{background:transparent}.img-list::-webkit-scrollbar-thumb{background:#2e2e2e;border-radius:2px}.img-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:5px;cursor:pointer;background:#1a1a1a;transition:background .1s}.img-item:hover{background:#242424}.img-item.sel{background:#1f1800;outline:1px solid #c9a227}.img-item-name{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.img-item-meta{font-size:9px;color:#7b9;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-completion-row{display:flex;align-items:center;gap:3px;margin-top:3px}.img-completion-dot{font-size:9px;font-weight:600;padding:1px 4px;border-radius:3px;background:#1a1a1a;color:#444;border:1px solid #2a2a2a;line-height:1.3;cursor:default}.img-completion-dot.done{color:#4c8;border-color:#1a4a30;background:#0a1a10}.img-item-count{font-size:10px;color:#c9a227;background:#1a1500;border-radius:20px;padding:1px 7px;flex-shrink:0;font-weight:600}.img-filter-panel{flex-shrink:0;border-bottom:1px solid #252525}.img-filter-toggle{display:flex;align-items:center;padding:5px 8px;cursor:pointer;font-size:11px;color:#888;-webkit-user-select:none;user-select:none}.img-filter-toggle:hover{color:#bbb}.img-filter-badge{display:inline-block;background:#c9a227;color:#000;border-radius:8px;font-size:9px;font-weight:700;padding:0 5px;margin-left:5px;line-height:14px}.img-filter-body{padding:4px 8px 8px}.img-filter-group{margin-bottom:6px}.img-filter-group-label{font-size:10px;color:#555;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.img-filter-chips{display:flex;flex-wrap:wrap;gap:4px}.img-filter-chip{display:inline-block;padding:2px 7px;border-radius:10px;font-size:10px;border:1px solid #333;background:#1a1a1a;color:#777;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s,border-color .1s}.img-filter-chip:hover{border-color:#555;color:#bbb}.img-filter-chip.active{background:#2a3a1a;border-color:#6a9a30;color:#9aca50}.reassign-panel{flex-shrink:0;border-bottom:1px solid #252525;padding:6px 0 9px}.sql-query-box{flex-shrink:0;border-bottom:1px solid #252525;padding-bottom:9px}.sql-textarea{width:100%;background:#141414;color:#ddd;border:1px solid #333;border-radius:5px;padding:6px 8px;font-size:11px;font-family:Consolas,SFMono-Regular,JetBrains Mono,Courier New,monospace;font-weight:500;letter-spacing:.015em;resize:vertical;outline:none;line-height:1.5;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}.sql-textarea:focus{border-color:#c9a227}.sql-textarea::placeholder{color:#333}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.hand-warn-dialog{background:#1a1a1a;border:1px solid #c9a227;border-radius:12px;padding:32px 36px;max-width:400px;width:90%;display:flex;flex-direction:column;gap:14px}.hand-warn-title{font-size:15px;font-weight:700;color:#c9a227;letter-spacing:.2px}.hand-warn-body{font-size:13px;color:#777;line-height:1.7}.hand-warn-body strong{color:#e0e0e0}.hand-warn-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.unedited-frame-list{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto}.unedited-frame-num{background:#2a1a1a;border:1px solid #7a3a3a;color:#faa;border-radius:6px;padding:3px 9px;font-size:12px;font-family:monospace}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#0d0d0d}.login-card{display:flex;flex-direction:column;align-items:center;gap:18px;background:#161616;border:1px solid #252525;border-radius:14px;padding:48px 56px;min-width:320px}.login-logo{width:56px;height:56px;border-radius:14px;background:#c9a227;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#1a1500;letter-spacing:-1px}.login-title{font-size:20px;font-weight:700;color:#e0e0e0;letter-spacing:.3px}.login-subtitle{font-size:12px;color:#444;margin-top:-10px;letter-spacing:.2px}.login-users{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.login-user-btn{display:flex;align-items:center;gap:12px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;padding:11px 16px;cursor:pointer;color:#bbb;font-size:13px;font-weight:500;font-family:inherit;transition:background .15s,border-color .15s;width:100%}.login-user-btn:hover{background:#242424;border-color:#c9a227;color:#e0e0e0}.login-user-initial{width:30px;height:30px;border-radius:50%;background:#c9a227;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#1a1500;flex-shrink:0}.login-user-name{font-size:14px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:6px}.login-input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;padding:11px 14px;color:#e0e0e0;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.login-input:focus{border-color:#c9a227}.login-input::placeholder{color:#555}.login-submit-btn{background:#c9a227;border:none;border-radius:8px;padding:11px 16px;color:#1a1500;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s;width:100%;margin-top:4px}.login-submit-btn:hover:not(:disabled){opacity:.88}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#e06c6c;font-size:12px;text-align:center;margin:0}.recent-ann-resize-handle{flex-shrink:0;height:5px;background:#1e1e1e;border-top:1px solid #252525;cursor:ns-resize;transition:background .15s}.recent-ann-resize-handle:hover{background:#c9a227}.recent-ann-panel{flex-shrink:0;display:flex;flex-direction:column;background:#0e0e0e;overflow:hidden}.recent-ann-header{display:flex;align-items:center;justify-content:space-between;padding:5px 14px 4px;flex-shrink:0;border-bottom:1px solid #1c1c1c}.recent-ann-tabs{display:flex;align-items:center;gap:6px}.recent-ann-tab{border:1px solid #2a2a2a;background:#121212;color:#aaa;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.recent-ann-tab:hover{color:#e0e0e0;border-color:#3a3a3a}.recent-ann-tab.active{background:#c9a227;color:#1a1500;border-color:#c9a227}.recent-ann-scroll{flex:1;overflow-y:auto;overflow-x:auto}.recent-ann-scroll::-webkit-scrollbar{width:3px;height:3px}.recent-ann-scroll::-webkit-scrollbar-track{background:transparent}.recent-ann-scroll::-webkit-scrollbar-thumb{background:#2e2e2e;border-radius:2px}.recent-ann-table{border-collapse:collapse;font-size:12px}.recent-ann-table thead th{position:sticky;top:0;background:#1a1a1a;color:#c9a227;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:10px;padding:5px 12px;text-align:left;border-bottom:1px solid #303030;z-index:1}.recent-ann-row{cursor:pointer;color:#bbb}.recent-ann-row td{padding:4px 12px;border-bottom:1px solid #1e1e1e;white-space:nowrap}.recent-ann-row:hover td{background:#222;color:#e0e0e0}.recent-ann-row.current td{background:#0f3460;color:#e8e8e8;font-weight:600}.col-resize-handle{position:absolute;right:0;top:0;width:5px;height:100%;cursor:col-resize;background:transparent;z-index:2}.col-resize-handle:hover,.col-resize-handle:active{background:#c9a227;opacity:.5}.recent-ann-name{overflow:hidden;text-overflow:ellipsis;color:#ccc;font-weight:500}.recent-ann-row.current .recent-ann-name{color:#c9a227}.recent-ann-num{color:#aaa;font-size:11px;font-family:JetBrains Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.recent-ann-ts{color:#888;font-size:11px}.recent-ann-row.current .recent-ann-ts{color:#aaa}.recent-ann-empty{color:#3a3a3a}.current-query-summary{border-bottom:1px solid #1c1c1c;padding:8px 12px 6px;background:#101010}.current-query-line{display:flex;align-items:baseline;gap:8px;color:#bbb;font-size:12px;margin-bottom:6px}.current-query-line:last-child{margin-bottom:0}.current-query-label{width:70px;color:#8f8f8f;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.current-query-sql{margin:0;padding:6px 8px;background:#0f0f0f;border:1px solid #1f1f1f;border-radius:6px;color:#c9a227;font-size:11px;white-space:pre-wrap;font-family:JetBrains Mono,Courier New,monospace}.current-query-muted{color:#555}