*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.app{background:#16213e;flex-direction:column;height:100vh;display:flex}.toolbar{color:#333;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0;padding:4px 8px}.toolbar-top{justify-content:space-between;align-items:center;padding:2px 0;font-size:12px;display:flex}.app-title{color:#333;font-size:16px;font-weight:600}.image-description-label{color:#333;font-weight:500}.toolbar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:4px 0;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.toolbar-right{align-items:center;gap:8px;display:flex}.model-select{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;padding:4px 8px;font-size:12px}.tool-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;padding:4px 10px;font-size:12px;transition:all .15s}.tool-btn:hover{background:#e8e8e8}.tool-btn.active{color:#fff;background:#4a90d9;border-color:#357abd}.tool-btn.clear-btn:hover{color:#fff;background:#f44}.tool-btn.finish-btn{color:#fff;background:#4caf50;border-color:#388e3c}.tool-btn.finish-btn:hover{background:#45a049}.tool-btn.toggle-btn.active{color:#fff;background:#ff9800;border-color:#f57c00}.upload-btn{color:#fff;-webkit-user-select:none;user-select:none;background:#4a90d9;border-color:#357abd;align-items:center;gap:4px;display:inline-flex}.upload-btn:hover{background:#357abd}.file-input{display:none}.auto-mask-btn{color:#fff;background:#7c4dff;border-color:#5e35b1;align-items:center;gap:6px;display:inline-flex}.auto-mask-btn:hover:not(:disabled){background:#5e35b1}.auto-mask-btn:disabled{opacity:.75;cursor:progress}.auto-mask-btn .seg-loading-spinner{border-color:#fff #ffffff59 #ffffff59}.description-text .seg-loading-spinner{vertical-align:middle;margin-right:6px;display:inline-block}.image-nav{align-items:center;gap:4px;display:flex}.nav-btn{padding:4px 8px}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.image-counter{color:#666;text-align:center;min-width:34px;font-size:11px}.upload-error{color:#b00020;cursor:pointer;background:#ffe5e5;border-bottom:1px solid #f5c2c7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex}.upload-error-dismiss{font-weight:700}.point-size-control{color:#333;align-items:center;gap:8px;font-size:12px;display:flex}.point-size-value{font-variant-numeric:tabular-nums;color:#666;min-width:32px}.slider{appearance:none;background:#ddd;border-radius:2px;outline:none;width:120px;height:4px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a90d9;border-radius:50%;width:14px;height:14px}.status-bar{padding:2px 0;font-size:12px}.status-ready{color:#4caf50}.status-loading{color:#ff9800}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.drop-overlay{z-index:500;pointer-events:none;background:#4a90d92e;border:2px dashed #4a90d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay-content{color:#357abd;text-align:center;background:#fffffff2;border-radius:10px;padding:20px 32px;font-size:15px;font-weight:600;box-shadow:0 4px 20px #00000040}.drop-icon{margin-bottom:8px;font-size:32px;display:block}.canvas-container{background:#0a0a1a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.canvas-guideline{z-index:1;color:#fff;pointer-events:none;background:#0009;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.canvas-container canvas{box-shadow:0 0 20px #00000080}.seg-loading-badge{color:#fff;pointer-events:none;background:#000000a6;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.seg-loading-spinner{border:2px solid #ffffff59;border-top-color:#00e676;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite seg-spin}@keyframes seg-spin{to{transform:rotate(360deg)}}.sidebar{color:#333;background:#f5f5f5;border-left:1px solid #ddd;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid #ddd}.section-header{cursor:default;background:#eee;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.section-header.clickable{cursor:pointer}.section-header.clickable:hover{background:#e4e4e4}.check-icon{color:#4a90d9;font-weight:700}.expand-icon{color:#4a90d9;transition:transform .2s}.expand-icon.expanded{transform:rotate(0)}.section-content{padding:8px 12px}.description-text{color:#666;font-size:12px;line-height:1.5}.description-pending{color:#4a90d9;font-style:italic}.description-meta{color:#4a90d9;margin-top:6px;font-size:11px}.empty-text{color:#999;font-size:12px;font-style:italic}.labels-list{flex-direction:column;gap:4px;display:flex}.label-item{border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.label-item:hover{background:#e8e8e8}.label-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.label-name{flex:1}.label-count{color:#666;background:#ddd;border-radius:10px;padding:1px 6px;font-size:11px}.shapes-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.shape-item{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:all .15s;display:flex}.shape-item:hover{background:#e8e8e8}.shape-item.selected{background:#dbeafe;border-color:#4a90d9}.shape-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.shape-label{flex:1;font-weight:500}.shape-type{color:#888;font-size:11px}.shape-delete{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px;transition:all .15s}.shape-item:hover .shape-delete{opacity:1}.shape-delete:hover{color:#f44;background:#ffe0e0}.sidebar-search{margin-top:auto;padding:8px 12px}.search-input-wrapper{background:#fff;border:1px solid #ccc;border-radius:4px;align-items:center;display:flex;overflow:hidden}.search-icon{padding:0 8px;font-size:12px}.search-input{background:0 0;border:none;outline:none;flex:1;padding:6px 4px;font-size:12px}.settings-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:6px 8px;font-size:14px}.settings-btn:hover{color:#333}.label-input-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.label-input-modal{background:#fff;border-radius:8px;min-width:300px;padding:20px;box-shadow:0 4px 20px #0000004d}.label-input-modal label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.label-input{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;margin-bottom:12px;padding:8px 12px;font-size:14px}.label-input:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.label-input-buttons{justify-content:flex-end;gap:8px;display:flex}.label-input-buttons button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 16px;font-size:13px}.label-input-buttons button:hover{background:#f0f0f0}.label-input-buttons .confirm-btn{color:#fff;background:#4a90d9;border-color:#357abd}.label-input-buttons .confirm-btn:hover{background:#357abd}.point-hint{color:#e0e0e0;pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:14px;padding:6px 14px;font-size:11px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.point-hint b{color:#00e676;font-weight:600}.description-overlay{z-index:1100;background:#050a16b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.description-modal{color:#e6eaf5;background:#1e2740;border:1px solid #2f3c5c;border-radius:12px;width:min(760px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 18px 50px #0000008c}.description-modal-header{border-bottom:1px solid #2f3c5c;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.description-modal-header h3{font-size:15px;font-weight:600}.description-close{color:#9aa7c7;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.description-close:hover{color:#fff;background:#ffffff14}.description-modal-body{gap:18px;padding:18px;display:flex}.description-preview{background:#fff;border-radius:8px;flex:1.1;justify-content:center;align-items:center;min-width:0;min-height:240px;padding:8px;display:flex;overflow:hidden}.description-preview img{object-fit:contain;max-width:100%;max-height:340px;display:block}.description-preview-empty{color:#888;font-size:12px}.description-details{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.description-caption{color:#dfe5f3;background:#16203a;border-radius:8px;min-height:70px;padding:10px 12px;font-size:13px;line-height:1.55}.description-pending{color:#8fb8ff;align-items:center;gap:8px;display:inline-flex}.description-error{color:#ff8a9b}.description-score{color:#8fb8ff;font-size:11px}.description-label-field{color:#aab6d3;flex-direction:column;gap:4px;font-size:12px;display:flex}.description-label-field .label-input{color:#222;background:#fff;margin-bottom:0}.description-meta{color:#8a97b8;font-size:11px}.description-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.description-actions .tool-btn:disabled,.description-actions .finish-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.description-modal-body{flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}