:root{--bg: #f8f9fa;--surface: #ffffff;--surface-light: #f1f3f5;--border: #ced4da;--accent: #6965db;--accent-dim: rgba(105,101,219,.1);--brand: #6965db;--brand-light: #ecebff;--camcom-red: #d42327;--orange: #d97706;--green: #34c759;--green-dim: rgba(52,199,89,.1);--purple: #7c3aed;--rose: #dc3545;--yellow: #ca8a04;--text: #1e1e1e;--text-muted: #495057;--text-dim: #868e96;--radius: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, sans-serif}[data-theme=dark]{--bg: #0a0e17;--surface: #111827;--surface-light: #1e293b;--border: #2d3a4f;--accent: #22d3ee;--accent-dim: rgba(34,211,238,.12);--brand: #22d3ee;--brand-light: #0e3a4a;--camcom-red: #d42327;--orange: #f59e0b;--green: #10b981;--green-dim: rgba(16,185,129,.12);--purple: #a78bfa;--rose: #fb7185;--yellow: #facc15;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-layout{display:flex;height:100vh}.sidebar{width:240px;min-width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0}.main-content{flex:1;overflow-y:auto;padding:24px 32px}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-brand h1{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent);letter-spacing:2px}.sidebar-brand p{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.5px;margin-top:2px}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-section{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;padding:12px 12px 6px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:13px;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover{background:var(--surface-light);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-item svg{width:18px;height:18px;opacity:.7}.sidebar-user{padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:var(--font-mono)}.sidebar-user .info{flex:1}.sidebar-user .name{font-size:12px;font-weight:600;color:var(--text)}.sidebar-user .role{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text);letter-spacing:.5px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.stat-label{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-mono)}.stat-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface-light);color:var(--text);transition:all .15s;font-family:var(--font-sans)}.btn:hover{background:var(--border)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{background:var(--rose);color:#fff;border-color:var(--rose)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-sm{padding:5px 10px;font-size:12px}.btn svg{width:16px;height:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;font-family:var(--font-mono);letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--font-sans);transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{resize:vertical;min-height:80px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text-muted)}tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.badge-planned{background:#facc1526;color:var(--yellow)}.badge-completed{background:var(--green-dim);color:var(--green)}.badge-issues{background:#fb718526;color:var(--rose)}.badge-admin{background:var(--accent-dim);color:var(--accent)}.badge-reviewer{background:#a78bfa26;color:var(--purple)}.badge-annotator{background:#f59e0b26;color:var(--orange)}.badge-manager{background:var(--green-dim);color:var(--green)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:.5px}.page-subtitle{font-size:13px;color:var(--text-dim);margin-top:4px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 20px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-sans)}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);position:relative;overflow:hidden}.login-splash-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:80vmin;height:80vmin;object-fit:contain;z-index:100;pointer-events:none;animation:splashPulse 1s ease-in-out,splashSettle .6s ease-in-out 1s forwards}.login-splash-logo.settled{position:absolute;top:0;left:50%;transform:translate(-50%,-16px) scale(1);width:120px;height:48px;z-index:10}@keyframes splashPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.95)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes splashSettle{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.15)}}.login-card{width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;position:relative}.login-card.visible{opacity:1;transform:translateY(0)}.login-brand{text-align:center;margin-bottom:32px;position:relative}.login-brand img,.login-brand .login-brand-logo{width:120px;height:auto;margin:0 auto 8px;display:block}.login-brand h1{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--accent);letter-spacing:3px}.login-brand p{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);margin-top:4px}.login-error{background:#fb71851a;border:1px solid rgba(251,113,133,.3);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;font-size:13px;color:var(--rose)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-dim)}.empty-state svg{width:48px;height:48px;opacity:.4;margin-bottom:12px}.empty-state h3{font-size:16px;color:var(--text-muted);margin-bottom:6px}.empty-state p{font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-title{font-family:var(--font-mono);font-size:16px;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.progress-bar{height:6px;background:var(--surface-light);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}.toast{background:var(--surface-light);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:12px 20px;font-size:13px;color:var(--text);animation:slideUp .3s ease;pointer-events:auto;cursor:pointer;max-width:380px}.toast-success{border-left-color:var(--green)}.toast-error{border-left-color:var(--rose)}.toast-info{border-left-color:var(--accent)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.search-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s}.search-result-card:hover{border-color:var(--accent)}.search-result-thumb{width:100%;height:140px;object-fit:cover;display:block;background:var(--bg)}.search-result-info{padding:8px 10px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);display:flex;justify-content:space-between;align-items:center}.search-result-info .score-badge{background:var(--accent-dim);color:var(--accent);padding:1px 6px;border-radius:8px;font-size:10px;font-weight:700}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px;text-align:center;color:var(--text-dim);cursor:pointer;transition:all .15s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.workspace{display:flex;height:calc(100vh + -0px)}.workspace-sidebar{width:280px;min-width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.workspace-canvas{flex:1;display:flex;flex-direction:column;background:var(--bg)}.workspace-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.workspace-info{width:260px;min-width:260px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.canvas-container canvas{max-width:100%;max-height:100%}.label-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.label-btn:hover{border-color:var(--text-dim)}.label-btn.active{border-color:var(--accent);background:var(--accent-dim)}.label-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.anno-item{padding:8px 12px;border-bottom:1px solid var(--border);font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.anno-item:hover{background:var(--surface-light)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-top:1px solid var(--border)}.template-editor{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:400px}.template-editor .xml-pane,.template-editor .preview-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column}.template-editor .xml-pane textarea{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);font-family:var(--font-mono);font-size:12px;padding:12px;resize:none;line-height:1.6}.template-editor .xml-pane textarea:focus{outline:none;border-color:var(--accent)}.pane-title{font-size:10px;font-weight:700;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.type-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;font-family:var(--font-mono);margin-right:4px}.type-tag-bbox{background:#6965db1f;color:var(--brand)}.type-tag-polygon{background:#a78bfa26;color:var(--purple)}.type-tag-brush{background:#fb718526;color:var(--rose)}.type-tag-keypoint{background:#facc1526;color:var(--yellow)}.type-tag-obb{background:#3b82f626;color:#3b82f6}.type-tag-ocr_bbox,.type-tag-ocr_obb{background:#10b98126;color:#10b981}.brush-slider-wrap{padding:8px 16px;display:flex;align-items:center;gap:8px}.brush-slider{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.label-tool-indicators{display:flex;gap:2px;margin-left:auto}.tool-indicator{width:6px;height:6px;border-radius:50%;opacity:.6}.modal-wide{width:700px;max-width:95vw}.project-bar-1{display:flex;align-items:center;gap:12;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.project-bar-2{display:flex;gap:4;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto}.tab-pill{padding:6px 14px;border-radius:20px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-mono);transition:all .15s;white-space:nowrap}.tab-pill:hover{background:var(--surface-light);color:var(--text)}.tab-pill.active{background:var(--accent);color:#fff}.project-bar-3{display:flex;align-items:center;justify-content:space-between;gap:8;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.bar3-btn{display:flex;align-items:center;gap:5;padding:5px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-mono)}.bar3-btn:hover{background:var(--surface-light);color:var(--text)}.bar3-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0006;z-index:50;padding:4px 0}.dropdown-item{display:flex;align-items:center;gap:8;padding:8px 14px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .1s}.dropdown-item:hover{background:var(--surface-light);color:var(--text)}.dropdown-item.disabled{opacity:.4;pointer-events:none}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.filter-panel{padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface);max-height:280px;overflow-y:auto}.filter-rule-row{display:flex;gap:8;align-items:center;margin-bottom:6}.filter-logic-select{width:60px;padding:5px 6px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--accent);font-size:11px;font-weight:700;font-family:var(--font-mono);text-align:center}.filter-logic-placeholder{width:60px;font-size:11px;font-weight:700;color:var(--accent);font-family:var(--font-mono);text-align:center;display:inline-block}.filter-field-select{width:180px;padding:5px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-light);color:var(--text);font-size:12px;font-family:var(--font-mono)}.filter-value-input{flex:1;min-width:120px;padding:5px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-light);color:var(--text);font-size:12px;font-family:var(--font-mono)}.anno-item{position:relative}.anno-editing{background:#facc1514!important;border-left:2px solid var(--yellow)!important}.label-change-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:180px;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px #0006;padding:4px 0}.label-change-option{display:flex;align-items:center;gap:8;padding:6px 12px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .1s}.label-change-option:hover{background:var(--surface-light);color:var(--text)}.anno-workspace{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;width:100vw!important;background:var(--bg);z-index:100;overflow:hidden}.anno-sidebar{width:220px;min-width:220px;max-width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.anno-bar-1{display:flex!important;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;min-height:40px;width:100%}.anno-bar-project{font-size:14px;font-weight:700;color:var(--text);font-family:var(--font-mono)}.anno-bar-dim{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.anno-bar-badge{font-size:9px;font-weight:800;color:#000;background:var(--green);padding:1px 6px;border-radius:10px;font-family:var(--font-mono);letter-spacing:1px}.anno-bar-2{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;min-height:34px;width:100%}.anno-bar-3{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:5px 16px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;min-height:38px;width:100%}.props-panel{width:220px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);padding:12px;overflow-y:auto;display:flex;flex-direction:column}.props-row{display:flex;align-items:center;gap:8;margin-bottom:6}.props-label{font-size:10px;font-weight:700;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.5px;min-width:48px}.props-input{flex:1;padding:4px 6px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-light);color:var(--text);font-size:11px;font-family:var(--font-mono)}.props-input:focus{border-color:var(--accent);outline:none}select.props-input{cursor:pointer}.anno-tabs-row{display:flex;align-items:center;gap:0;flex:1;overflow-x:auto;min-width:0}.anno-tab{display:flex;align-items:center;gap:4px;padding:5px 12px;background:var(--surface-light);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:var(--text-dim);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s;white-space:nowrap;margin-right:-1px;min-width:60px;position:relative}.anno-tab:hover{background:var(--surface);color:var(--text-muted)}.anno-tab.active{background:var(--bg);color:var(--accent);border-color:var(--accent);border-bottom:2px solid var(--bg);z-index:1;font-weight:600}.anno-tab-name{cursor:pointer;-webkit-user-select:none;user-select:none}.anno-tab-rename{background:var(--bg);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font-mono);padding:1px 4px;width:80px;outline:none}.anno-tab-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-dim);padding:2px;border-radius:3px;opacity:0;transition:all .15s}.anno-tab:hover .anno-tab-close{opacity:1}.anno-tab-close:hover{background:var(--rose);color:#fff;opacity:1}.anno-tab-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px dashed var(--border);border-radius:6px 6px 0 0;color:var(--text-dim);cursor:pointer;transition:all .15s;margin-left:4px;flex-shrink:0}.anno-tab-add:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.anno-bottom-panel{display:flex;align-items:flex-start;padding:8px 12px;background:var(--surface);border-top:1px solid var(--border);max-height:120px;overflow-y:auto;flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:9px;font-weight:700;font-family:var(--font-mono);background:var(--accent-dim);color:var(--accent);margin-left:4px}.anno-tab.active .tab-badge{background:var(--accent);color:#000}.multi-image-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.scroll-canvas-section{border-bottom:2px solid var(--border)}.scroll-canvas-header{display:flex;align-items:center;gap:6px;padding:6px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);position:sticky;top:0;z-index:5}.task-choices-bar{display:flex;align-items:center;padding:6px 12px;gap:8px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:all .15s}.view-mode-btn:hover{background:var(--border);color:var(--text)}.view-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.dyn-input{width:100%;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:inherit;transition:border-color .15s}.dyn-input:focus{outline:none;border-color:var(--accent)}.meta-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;font-size:13px}.meta-row:last-child{margin-bottom:0}.meta-label{font-weight:600;color:#1e1e1e;width:35%;flex-shrink:0;padding-top:8px}.meta-value{width:65%}.meta-value input:not([type=range]):not([type=checkbox]):not([type=radio]),.meta-value select,.meta-value textarea{width:100%;box-sizing:border-box;font-size:14px;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-family:inherit;box-shadow:0 1px 2px #00000005;transition:border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;color:#1e1e1e}.meta-value input:focus,.meta-value select:focus,.meta-value textarea:focus{border-color:var(--accent, #6965db);outline:none;box-shadow:0 0 0 2px #6965db33}.meta-value input[readonly]{opacity:.6;cursor:default;background:#f8f9fa}.meta-value textarea{white-space:normal;resize:vertical}.meta-toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-top:5px}.meta-toggle-switch input{opacity:0;width:0;height:0}.meta-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border:1px solid #ced4da;border-radius:24px;transition:.2s}.meta-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#1e1e1e;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.meta-toggle-switch input:checked+.meta-toggle-slider{background-color:var(--accent, #6965db);border-color:var(--accent, #6965db)}.meta-toggle-switch input:checked+.meta-toggle-slider:before{transform:translate(18px);background-color:#fff}.meta-segment-group{display:flex;gap:0;background:#fff;padding:2px;border-radius:8px;width:100%;box-sizing:border-box;border:1px solid #ced4da;box-shadow:0 1px 2px #00000005}.meta-segment-group input[type=radio]{display:none}.meta-segment-group label{flex:1;text-align:center;padding:6px 8px;font-size:13px;font-weight:600;color:#6965db;cursor:pointer;border-radius:6px;transition:.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-segment-group input[type=radio]:checked+label{background:#6965db;color:#fff}.meta-chip-group{display:flex;flex-wrap:wrap;gap:8px;width:100%}.meta-chip{cursor:pointer;-webkit-user-select:none;user-select:none}.meta-chip input[type=checkbox]{display:none}.meta-chip span{display:inline-block;padding:6px 12px;font-size:12px;font-weight:600;border:1px solid #ced4da;border-radius:16px;color:#495057;transition:.2s;background:#fff;box-shadow:0 1px 2px #00000005}.meta-chip input[type=checkbox]:checked+span{background:var(--accent, #6965db);border-color:var(--accent, #6965db);color:#fff}.drag-panel.metadata-window{background:#f8f9fa;border:1px solid #ced4da;border-radius:8px;padding:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.drag-panel.metadata-window .drag-panel-body{padding:0;overflow:hidden}.meta-panel{display:flex;flex-direction:column;background:#f8f9fa;overflow:hidden;height:100%}.meta-panel-title{flex-shrink:0;padding:16px;margin:0;background:#f8f9fa;font-size:16px;font-weight:700;color:#1e1e1e;border-bottom:none;cursor:grab;display:flex;justify-content:space-between;align-items:center}.meta-panel-title:active{cursor:grabbing}.meta-drag-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:8px;opacity:.4;background:radial-gradient(circle,#999 1.5px,transparent 1.5px);background-size:6px 6px}.meta-close-btn{cursor:pointer;font-size:18px;color:#6c757d;font-weight:400;line-height:1;padding:4px 8px;border-radius:4px;transition:.15s}.meta-close-btn:hover{color:#1e1e1e;background:#f0f0f0}.meta-tabs{display:flex;flex-shrink:0;overflow-x:auto;background:#f8f9fa;border-bottom:1px solid #ced4da;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}.meta-tabs::-webkit-scrollbar{display:none}.meta-tab{padding:10px 12px;font-size:13px;font-weight:600;color:#6c757d;border:none;background:transparent;cursor:pointer;white-space:nowrap;font-family:inherit;border-radius:0;border-bottom:2px solid transparent;transition:color .2s;outline:none;flex-shrink:0}.meta-tab:hover{color:#1e1e1e}.meta-tab.active{color:#1e1e1e;border-bottom-color:#1e1e1e;background:#fff}.meta-scroll-container{padding:16px;overflow-y:auto;flex-grow:1;background:#fff}.meta-card{display:none;padding:16px;border:1px solid #ced4da;border-radius:8px}.meta-card.active{display:block}.meta-card h4{margin:0 0 16px;font-size:15px;font-weight:700;color:#1e1e1e}.drag-panel{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden;min-width:220px;transition:box-shadow .2s}.drag-panel:hover{box-shadow:0 12px 30px -5px #00000026}.drag-panel.collapsed{height:auto;resize:none!important}.drag-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:grab;background:var(--surface);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;min-height:36px}.drag-panel-header:active{cursor:grabbing}.drag-panel-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.3px}.drag-panel-actions{display:flex;gap:2px;align-items:center}.drag-panel-btn{width:22px;height:22px;border:none;background:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .15s}.drag-panel-btn:hover{background:var(--border);color:var(--text)}.drag-panel-body{overflow-y:auto;flex:1}[data-theme=dark] .drag-panel{box-shadow:0 8px 32px #0006}[data-theme=dark] .drag-panel:hover{box-shadow:0 8px 40px #00000080}.floating-zoom-controls{position:absolute;bottom:12px;right:12px;z-index:900;display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;box-shadow:0 2px 8px #00000026}.floating-status-pill{position:absolute;bottom:12px;left:12px;z-index:900;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;font-size:10px;color:var(--text-dim);font-family:var(--font-mono);box-shadow:0 2px 8px #00000026;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-grid-container{padding:16px;display:flex;flex-direction:column;gap:12px}.image-grid-header{display:flex;align-items:center;gap:12px}.image-grid-progress{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.image-grid-progress-bar{height:100%;background:var(--green);border-radius:2px;transition:width .3s}.image-grid-size-toggle{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.grid-size-btn{padding:4px 10px;font-size:11px;font-weight:600;border:none;background:none;color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);transition:all .15s}.grid-size-btn:hover{color:var(--text)}.grid-size-btn.active{background:var(--accent);color:#fff}.image-grid{display:grid;gap:20px;max-width:1400px;margin:0 auto;padding:0 40px}.image-grid-cell{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;position:relative;padding:10px}.image-grid-cell:hover{border-color:var(--brand);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-3px)}.image-grid-cell.annotated,.image-grid-cell.accepted{border-color:var(--green)}[data-theme=dark] .image-grid-cell.accepted{background:#22c55e0f}.image-grid-cell.accepted .image-grid-cell-info{border-color:var(--green)}.image-grid-accepted-badge{position:absolute;top:8px;right:8px;z-index:5;width:22px;height:22px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.image-grid-cell.image-done,.image-grid-cell.image-done .image-grid-cell-info{border-color:var(--green)}.image-grid-done-badge{position:absolute;top:8px;right:8px;z-index:5;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.image-grid-comment-badge{position:absolute;top:15px;left:15px;z-index:10;width:26px;height:26px;border-radius:50%;background:#ff9800;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 2px 4px #0003}.image-grid-cell-thumb{aspect-ratio:16/9;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.image-grid-cell-thumb img{width:100%;height:100%;object-fit:cover}.image-grid-cell-thumb.placeholder{color:var(--text-dim)}.image-grid-cell-info{padding:6px 10px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--border)}.image-grid-cell-name{flex:1;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.image-grid-cell-badge{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--green);font-weight:600}.global-assessment-panel{background:var(--surface)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.help-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;max-width:560px;width:90%;box-shadow:0 16px 48px #0000004d}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.help-section-title{font-size:10px;font-weight:700;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.help-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.help-row kbd{display:inline-block;min-width:24px;text-align:center;padding:2px 6px;font-size:10px;font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-weight:600}.help-row span{font-size:11px;color:var(--text-muted)}.anno-workspace-v2{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--bg);z-index:100}.toolbar-floating{position:fixed;z-index:950;display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 8px;box-shadow:0 4px 20px #00000014;opacity:.3;transition:opacity .2s ease}.toolbar-floating:hover{opacity:1}.toolbar-top-center{top:16px;left:50%;transform:translate(-50%)}.toolbar-right-side{top:50%;right:16px;transform:translateY(-50%);flex-direction:column}.tool-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.tool-btn:hover{background:var(--surface-light);color:var(--text)}.tool-btn.active{background:var(--brand-light);color:var(--brand);font-weight:600}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.tool-btn svg{width:15px;height:15px}.shortcut-hint{display:inline-block;min-width:16px;text-align:center;padding:0 4px;font-size:9px;font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-weight:600;line-height:16px}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}.toolbar-right-side .toolbar-sep{width:20px;height:1px}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.toggle-btn:hover{background:var(--surface-light);color:var(--text)}.toggle-btn.active{background:var(--brand-light);color:var(--brand);font-weight:600}.anno-project-badge{position:fixed;top:12px;left:12px;z-index:960;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #00000014;font-size:12px;font-weight:600;color:var(--text);opacity:.6;transition:opacity .2s;cursor:default;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anno-project-badge:hover{opacity:1}.anno-project-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0}.anno-task-nav{position:fixed;top:12px;right:56px;z-index:960;display:flex;align-items:center;gap:4px;opacity:.5;transition:opacity .2s}.anno-task-nav:hover{opacity:1}.anno-task-nav button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .2s}.anno-task-nav button:hover{color:var(--brand);border-color:var(--brand)}.theme-toggle-btn{position:fixed;top:12px;right:12px;z-index:960;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .2s;opacity:.5}.theme-toggle-btn:hover{opacity:1;color:var(--brand);border-color:var(--brand)}.help-pill{position:fixed;bottom:16px;left:16px;z-index:950;display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:11px;cursor:pointer;box-shadow:0 2px 8px #00000014;opacity:.5;transition:opacity .2s}.help-pill:hover{opacity:1}.grid-progress-container{position:fixed;top:16px;left:16px;z-index:950;display:flex;flex-direction:column;gap:6px;width:320px}.grid-progress-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.grid-progress-fill{height:100%;background:var(--green);border-radius:4px;transition:width .4s ease}.grid-progress-text{font-size:11px;font-weight:800;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.5px}.scroll-top-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.scroll-top-bar-left{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);min-width:0;flex-shrink:1}.scroll-top-bar-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.scroll-top-bar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:2px}.scroll-top-bar-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.vertical-scroll-container{flex:1;overflow-y:auto;padding-top:0;scroll-snap-type:y proximity}.image-scroll-card{min-height:100vh;border-bottom:2px solid var(--border);border-left:3px solid transparent;transition:border-color .2s,box-shadow .2s;background:var(--bg);display:flex;flex-direction:column;scroll-snap-align:start;cursor:pointer}.image-scroll-card.active{border-bottom-color:var(--brand);border-left-color:var(--brand);box-shadow:inset 0 0 0 1px var(--accent-dim),0 0 20px var(--accent-dim)}.help-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.help-tab-btn{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-dim);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-family:var(--font-sans)}.help-tab-btn:hover{color:var(--text)}.help-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.class-search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0006;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.class-search-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:320px;max-width:90vw;box-shadow:0 16px 48px #0003}.class-search-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-top:12px}.class-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:background .1s;font-size:13px;color:var(--text)}.class-search-item:hover{background:var(--brand-light)}.class-search-item.selected{background:var(--brand-light);color:var(--brand);font-weight:600}.layer-filter-header{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:600;color:#495057;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-bottom:1px solid var(--border);transition:background .15s}.layer-filter-header:hover{background:#e9ecef}.layer-controls-body{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:#fff}.filter-input-wrap{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--border);border-radius:4px;padding:6px;background:#fff;align-items:center}.filter-input-wrap input{border:none;outline:none;flex-grow:1;min-width:120px;font-size:12px;padding:2px;font-family:inherit;background:transparent}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;background:var(--brand-light);color:var(--brand);border:1px solid var(--brand);font-weight:600}.filter-pill-x{cursor:pointer;font-weight:700;font-size:12px;line-height:1}.layer-mass-btns{display:flex;gap:4px;padding:6px 16px;border-bottom:1px solid var(--border)}.layer-mass-btn{flex:1;justify-content:center;padding:6px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa;color:var(--text);font-size:11px;cursor:pointer;transition:all .15s}.layer-mass-btn:hover{background:var(--surface-light);color:var(--text)}.layers-container{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:12px 0}.layer-section-title{font-size:11px;text-transform:uppercase;color:#666;font-weight:700;margin:8px 0 4px;padding:0 10px}.layer-item-v2{display:flex;align-items:center;gap:6px;padding:6px 8px;margin:0 10px 4px;background:#f8f9fa;border-radius:6px;border:1px solid #ddd;font-size:12px;cursor:pointer;transition:background .1s;border-left:4px solid transparent}.layer-item-v2:hover{background:#e9ecef}.layer-item-v2.pre-ann{border-left-color:#ff4757}.layer-item-v2.user-ann{border-left-color:var(--green)}.layer-item-v2.selected{background:var(--brand-light);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.layer-item-v2.dragging{opacity:.4;border-style:dashed}.layer-item-v2.drag-over{border-top:2px solid var(--brand)}.layer-drag-icon{width:12px;height:12px;margin-right:4px;flex-shrink:0;background:radial-gradient(circle,#999 1.5px,transparent 1.5px);background-size:5px 5px;opacity:.4}.class-picker-btn{flex-grow:1;padding:4px 8px;border-radius:4px;border:1px solid #ccc;font-size:12px;background:#fff;text-align:left;display:flex;justify-content:space-between;cursor:pointer;transition:border-color .15s}.class-picker-btn:hover{border-color:var(--brand)}.layer-icon-btn{padding:4px;border:1px solid #ccc;background:#fff;border-radius:4px;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:border-color .15s;line-height:1}.layer-icon-btn:hover{border-color:var(--brand);background:var(--brand-light)}.kv-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kv-row input{flex:1;padding:8px;font-size:14px;border:1px solid var(--border);border-radius:6px;outline:none;transition:border-color .2s;box-shadow:0 1px 2px #00000005}.kv-row input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #6965db33}.kv-del-btn{padding:8px 12px;color:#dc3545;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000005;transition:border-color .15s,background .15s}.kv-del-btn:hover{border-color:#dc3545;background:#fff5f5}.add-kv-btn{font-size:13px;padding:8px 16px;width:100%;margin-top:8px;background:#1e1e1e;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .15s}.add-kv-btn:hover{background:#333}.kv-del-btn:hover{opacity:1}.class-label-tag{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono)}.class-input-readonly{width:90px;font-size:12px;padding:4px 8px;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;transition:border-color .2s}.class-input-readonly:hover{border-color:var(--brand)}.track-id-display{background:var(--surface-light);padding:10px;font-family:var(--font-mono);border-radius:var(--radius);border:1px solid var(--border);font-size:12px;word-break:break-all;text-align:center}.assoc-overlay{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:12px;background:var(--surface);border:2px solid var(--brand);padding:10px 20px;border-radius:var(--radius);box-shadow:0 4px 20px #0000004d;animation:pulse-brand 1.5s ease-in-out infinite}.assoc-overlay-msg{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text)}@keyframes pulse-brand{0%,to{box-shadow:0 4px 15px #3b82f64d}50%{box-shadow:0 4px 25px #3b82f699}}.validation-error-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.validation-error-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#dc35450f;border-radius:var(--radius);border-left:3px solid var(--rose);font-size:12px;color:var(--text)}.tb-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.tb-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tb-topbar-title{font-size:16px;font-weight:700;color:var(--text);margin:0}.tb-topbar-sub{font-size:12px;color:var(--text-dim)}.tb-body{display:flex;flex:1;overflow:hidden}.tb-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.tb-nav{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--surface);padding:0 24px;flex-shrink:0}.tb-nav-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-dim);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:.15s}.tb-nav-tab:hover{color:var(--text);background:var(--surface-light)}.tb-nav-tab.active{color:var(--accent);border-bottom:3px solid var(--accent)}.tb-content{flex:1;overflow-y:auto;padding:24px 32px;max-width:900px;margin:0 auto;width:100%}.tb-json-panel{width:450px;flex-shrink:0;display:flex;flex-direction:column;background:#1e1e1e;border-left:1px solid #333}.tb-json-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#161b22;border-bottom:1px solid #333;color:#e2e8f0;font-size:14px;font-weight:600}.tb-json-apply-btn{background:#333!important;color:#e2e8f0!important;border-color:#555!important}.tb-json-apply-btn:hover{background:#444!important}.tb-json-error{padding:8px 16px;background:var(--rose);color:#fff;font-size:12px;font-weight:600}.tb-json-editor{flex:1;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;color:#a5d6ff;background:#1e1e1e;border:none;outline:none;resize:none;width:100%;white-space:pre;overflow:auto;line-height:1.5}.tb-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:.15s;background:var(--surface);color:var(--text)}.tb-btn:hover{background:var(--surface-light)}.tb-btn-sm{padding:4px 10px;font-size:11px}.tb-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.tb-btn-primary:hover{opacity:.9}.tb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tb-btn-ghost{background:none;border:none;color:var(--text-muted)}.tb-btn-ghost:hover{color:var(--text);background:var(--surface-light)}.tb-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;color:var(--text-dim)}.tb-btn-icon:hover{background:var(--surface-light)}.tb-btn-danger{color:var(--rose)}.tb-btn-danger:hover{background:#dc354514;border-color:var(--rose)}.tb-label{display:block;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px}.tb-input{width:100%;padding:7px 10px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-family:inherit}.tb-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6965db26}.tb-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid var(--border);font-size:20px;font-weight:700;color:var(--text)}.tb-global-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.tb-tools-row{display:flex;gap:28px;padding:14px 18px;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius)}.tb-tool-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500}.tb-tool-toggle input{display:none}.tb-toggle-track{position:relative;width:38px;height:22px;background:var(--border);border-radius:11px;transition:.2s}.tb-tool-toggle input:checked+.tb-toggle-track{background:var(--accent)}.tb-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}.tb-tool-toggle input:checked+.tb-toggle-track .tb-toggle-thumb{left:18px}.tb-tab-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.tb-tab-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-light);border-bottom:1px solid var(--border)}.tb-tab-label-input{font-size:14px;font-weight:600;width:250px}.tb-tab-body{padding:16px;display:flex;flex-direction:column;gap:16px}.tb-card{border:1px dashed var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.tb-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-light);border-bottom:1px dashed var(--border)}.tb-card-title-input{font-size:13px;font-weight:600;width:250px}.tb-card-body{padding:14px;display:flex;flex-direction:column;gap:10px}.tb-field{background:var(--surface);border:1px solid var(--border);padding:16px;border-radius:6px;position:relative;box-shadow:0 1px 3px #0000000a}.tb-field-delete{position:absolute;top:16px;right:16px;padding:4px 8px;background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--rose);font-size:13px;font-weight:600;cursor:pointer;transition:.15s}.tb-field-delete:hover{background:#dc354514;border-color:var(--rose)}.tb-field-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:12px}.tb-field-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tb-options-row{margin-top:12px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.tb-toggle-switch{position:relative;display:inline-block;width:42px;height:24px;margin-top:4px;flex-shrink:0}.tb-toggle-switch input{opacity:0;width:0;height:0}.tb-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ced4da;border-radius:24px;transition:.2s}.tb-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}.tb-toggle-switch input:checked+.tb-slider{background-color:var(--accent)}.tb-toggle-switch input:checked+.tb-slider:before{transform:translate(18px)}.tb-empty{text-align:center;padding:32px;color:var(--text-dim);background:var(--surface-light);border:1px dashed var(--border);border-radius:var(--radius);font-size:13px}.tb-empty-sm{text-align:center;padding:12px;color:var(--text-dim);font-size:12px}.tb-classes-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tb-classes-header{display:grid;grid-template-columns:32px 1.5fr 2fr 60px 40px;gap:12px;padding:10px 16px;background:var(--surface-light);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;align-items:center}.tb-classes-row{display:grid;grid-template-columns:32px 1.5fr 2fr 60px 40px;gap:12px;padding:10px 16px;align-items:center;border-bottom:1px solid var(--border)}.tb-classes-row:last-child{border-bottom:none}.tb-classes-col-name{display:flex;align-items:center;gap:6px}.tb-classes-col-tools{display:flex;gap:6px;flex-wrap:wrap}.tb-classes-col-obb,.tb-classes-col-actions{display:flex;justify-content:center}.tb-tool-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:5px;cursor:pointer;color:var(--text-dim);background:var(--surface);transition:.15s}.tb-tool-chip input{display:none}.tb-tool-chip.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.tb-tool-chip:hover{background:var(--surface-light)}