:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#edf2f7;background:#0a0c13;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.home-screen{--home-bg:#0b0b12;--home-bg-overlay:radial-gradient(circle at 12% 8%, #4754ff29, transparent 38%);--home-title-start:#6e42ff;--home-title-end:#43d6ff;--home-subtitle:#71788d;--home-card-bg:#121625;--home-card-border:#8894c633;--home-card-icon-bg:#1b2745;--home-card-icon-color:#98a6d8;--home-card-title:#e6e9f4;--home-card-text:#8189a3;--home-card-hover-bg:#151a2d;--home-card-hover-border:#7a5fff8c;--home-hint:#666f89;--home-toggle-bg:#101320eb;--home-toggle-border:#8492bf57;--home-toggle-color:#8f9bc7;text-align:center;background:var(--home-bg-overlay), var(--home-bg);flex-direction:column;justify-content:center;align-items:center;gap:44px;min-height:100vh;padding:64px 24px 78px;display:flex;position:relative}.home-screen--light{--home-bg:#d4d6dc;--home-bg-overlay:none;--home-subtitle:#6f7788;--home-card-bg:#eceef4;--home-card-border:#adb4c69e;--home-card-icon-bg:#dde2ec;--home-card-icon-color:#7f899f;--home-card-title:#2f3645;--home-card-text:#747c8e;--home-card-hover-bg:#f1f3f8;--home-card-hover-border:#a57eff80;--home-hint:#7a8192;--home-toggle-bg:#eceef3;--home-toggle-border:#8e97ab75;--home-toggle-color:#727c92}.home-theme-toggle{border:1px solid var(--home-toggle-border);background:var(--home-toggle-bg);width:32px;height:32px;color:var(--home-toggle-color);cursor:pointer;border-radius:999px;place-items:center;transition:color .22s,border-color .22s,transform .14s,background .22s;display:grid;position:absolute;top:16px;right:18px}.home-theme-toggle:hover{transform:translateY(-1px)}.home-theme-toggle svg{width:15px;height:15px}.home-hero{flex-direction:column;align-items:center;gap:14px;display:flex}.home-logo{justify-content:center;align-items:center;width:108px;height:110px;display:flex}.home-logo-image{object-fit:contain;width:auto;max-width:108px;height:110px}.home-title{letter-spacing:-.03em;background:linear-gradient(90deg, var(--home-title-start) 0%, var(--home-title-end) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,3.7vw,2.55rem);font-weight:800;line-height:1}.home-subtitle{color:var(--home-subtitle);max-width:520px;font-size:clamp(.85rem,.8vw,.95rem);font-weight:500}.home-cards{grid-template-columns:repeat(3,minmax(190px,1fr));gap:22px;width:100%;max-width:780px;display:grid}.home-card{border:1px solid var(--home-card-border);background:var(--home-card-bg);text-align:center;cursor:pointer;border-radius:14px;justify-items:center;gap:14px;padding:22px 18px;transition:transform .18s,border-color .2s,background .2s,box-shadow .2s;display:grid}.home-card:hover{border-color:var(--home-card-hover-border);background:var(--home-card-hover-bg);transform:translateY(-2px);box-shadow:0 12px 28px #080b1833}.home-card:active{transform:translateY(0)}.home-card-icon{background:var(--home-card-icon-bg);width:40px;height:40px;color:var(--home-card-icon-color);border-radius:11px;place-items:center;display:grid}.home-icon-svg{width:20px;height:20px}.home-card-body h3{color:var(--home-card-title);margin-bottom:4px;font-size:clamp(.85rem,.8vw,.95rem)}.home-card-body p{color:var(--home-card-text);max-width:196px;font-size:.74rem;line-height:1.42}.home-error{color:#ffb4b4;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;max-width:600px;padding:10px 14px}.home-hint{color:var(--home-hint);font-size:.88rem}@media (width<=860px){.home-screen{gap:34px;padding-top:80px;padding-bottom:54px}.home-cards{grid-template-columns:1fr;max-width:340px}.home-hint{max-width:330px;line-height:1.45}}.annotation-screen{background:radial-gradient(circle at 0 0,#0d0f15eb,#05070b);flex-direction:column;height:100%;display:flex;overflow:hidden}.top-toolbar{z-index:30;background:#0c0e14f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;height:56px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #00000059}.top-toolbar-left{align-items:center;gap:14px;display:flex}.top-toolbar-logo{color:#fffffff2;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ff7a0024;border:1px solid #ff7a0059;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-size:.95rem;font-weight:700;display:flex}.logo-icon{background:#ff7a00f2;border-radius:12px;width:30px;height:30px;box-shadow:0 10px 18px #ff7a0059}.logo-text{letter-spacing:-.8px}.logo-accent{color:#ffc300}.top-toolbar-nav{align-items:center;gap:10px;display:flex}.top-toolbar-nav-item{color:#edf2f7c7;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:background .2s,color .2s;display:flex}.top-toolbar-nav-item:hover{color:#edf2f7f2;background:#ffffff1a}.top-toolbar-nav-icon{opacity:.65;width:12px;height:12px}.top-toolbar-separator{background:#ffffff1f;width:1px;height:28px}.top-toolbar-actions{align-items:center;gap:10px;display:flex}.top-toolbar-icon{color:#edf2f7e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:30px;height:30px;transition:background .2s,border-color .2s;display:grid}.top-toolbar-icon svg{width:14px;height:14px}.top-toolbar-nav-icon{width:10px;height:10px}.top-toolbar-icon:hover{background:#ffffff24;border-color:#ffffff40}.top-toolbar-zoom{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex}.top-toolbar-zoom-label{color:#edf2f7e6;text-align:center;min-width:48px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.top-toolbar-file-actions{align-items:center;gap:6px;margin-left:8px;display:flex}.top-toolbar-file-divider{background:#fff3;width:1px;height:24px;margin-left:8px;margin-right:4px}.top-toolbar-extra-actions{align-items:center;gap:6px;display:flex}.top-toolbar-right{align-items:center;gap:10px;display:flex}.top-toolbar-action{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .12s,color .22s;display:inline-flex}.top-toolbar-action:hover{transform:translateY(-1px);box-shadow:0 12px 20px #00000047}.top-toolbar-action:active{transform:translateY(0);box-shadow:0 4px 8px #00000040}.top-toolbar-action:disabled,.top-toolbar-action[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;pointer-events:none}.top-toolbar-icon,.top-toolbar-nav-item{transition:background .2s,transform .12s,color .2s,box-shadow .2s}.top-toolbar-icon:hover,.top-toolbar-nav-item:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000002b}.top-toolbar-icon:active,.top-toolbar-nav-item:active{transform:translateY(0);box-shadow:0 4px 8px #00000029}.top-toolbar-action--primary{color:#fffffff2;background:linear-gradient(90deg,#ff7a00f2,#ff5800d9)}.top-toolbar-action--primary:hover{box-shadow:0 10px 18px #ff7a0059}.top-toolbar-action--success{color:#10b981;background:#10b9812e;border-color:#10b98166}.top-toolbar-action--success:hover{background:#10b9813d}.icon-spin{animation:1s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.annotation-screen.theme-light{--light-orange-base:#fff7ed;--light-orange-panel:#ffedd5;--light-orange-elevated:#fdeccf;--light-border:#78532638;--light-text-primary:#111827;--light-text-secondary:#374151;background:var(--light-orange-base)!important;color:var(--light-text-primary)!important}body.light{color:#111827!important;background:#fff7ed!important}body:has(.annotation-screen.theme-light){color:#111827!important;background:#fff7ed!important}#root:has(.annotation-screen.theme-light){color:#111827!important;background:#fff7ed!important}.app:has(.annotation-screen.theme-light){color:#111827!important;background:#fff7ed!important}.annotation-screen.theme-light,.annotation-screen.theme-light .workspace,.annotation-screen.theme-light .workspace-main,.annotation-screen.theme-light .image-canvas,.annotation-screen.theme-light .workspace-empty{background:var(--light-orange-base)!important}.annotation-screen.theme-light .top-toolbar,.annotation-screen.theme-light .sidebar,.annotation-screen.theme-light .tools-panel,.annotation-screen.theme-light .right-panel,.annotation-screen.theme-light .bottom-status-bar,.annotation-screen.theme-light .right-panel-section,.annotation-screen.theme-light .tab-item,.annotation-screen.theme-light .tab-arrow-btn,.annotation-screen.theme-light .collapse-toggle,.annotation-screen.theme-light .right-panel-item,.annotation-screen.theme-light .right-panel-item.confirmed,.annotation-screen.theme-light .preview-box,.annotation-screen.theme-light .export-options,.annotation-screen.theme-light .file-input-label{background:var(--light-orange-panel)!important}.annotation-screen.theme-light .top-toolbar,.annotation-screen.theme-light input,.annotation-screen.theme-light select,.annotation-screen.theme-light textarea,.annotation-screen.theme-light .preview-actions button,.annotation-screen.theme-light .export-options label,.annotation-screen.theme-light .export-options input[type=checkbox]{background-color:var(--light-orange-elevated)!important;color:var(--light-text-primary)!important;border-color:var(--light-border)!important}.annotation-screen.theme-light,.annotation-screen.theme-light .top-toolbar *,.annotation-screen.theme-light .sidebar *,.annotation-screen.theme-light .tools-panel *,.annotation-screen.theme-light .right-panel *,.annotation-screen.theme-light .workspace-empty,.annotation-screen.theme-light .tab-item,.annotation-screen.theme-light .tab-arrow-btn,.annotation-screen.theme-light .collapse-toggle,.annotation-screen.theme-light .image-info,.annotation-screen.theme-light .panel-title,.annotation-screen.theme-light .tool-section-title,.annotation-screen.theme-light .picker-value,.annotation-screen.theme-light .right-panel-item-meta,.annotation-screen.theme-light .right-panel-empty,.annotation-screen.theme-light .bbox-confidence,.annotation-screen.theme-light .preview-header-title,.annotation-screen.theme-light .right-panel-section-header,.annotation-screen.theme-light .export-options label{color:var(--light-text-secondary)!important}.annotation-screen.theme-light .sidebar,.annotation-screen.theme-light .tools-panel,.annotation-screen.theme-light .right-panel,.annotation-screen.theme-light .top-toolbar,.annotation-screen.theme-light .right-panel-section,.annotation-screen.theme-light .right-panel-item,.annotation-screen.theme-light .preview-box,.annotation-screen.theme-light .export-options,.annotation-screen.theme-light .bottom-status-bar,.annotation-screen.theme-light .tab-item,.annotation-screen.theme-light .tab-arrow-btn,.annotation-screen.theme-light .collapse-toggle,.annotation-screen.theme-light input,.annotation-screen.theme-light select,.annotation-screen.theme-light textarea{border-color:var(--light-border)!important}.annotation-screen.theme-light .bottom-status-bar,.annotation-screen.theme-light .status-left,.annotation-screen.theme-light .status-right,.annotation-screen.theme-light .right-panel .collapse-toggle,.annotation-screen.theme-light .right-panel .collapse-toggle svg,.annotation-screen.theme-light .export-options,.annotation-screen.theme-light .export-options label,.annotation-screen.theme-light .preview-box,.annotation-screen.theme-light .image-info{color:var(--light-text-secondary)!important}.annotation-screen.theme-light .image-info{background:var(--light-orange-elevated)!important;border:1px solid var(--light-border)!important;color:var(--light-text-primary)!important;box-shadow:0 4px 12px #7853261f!important}.annotation-screen.theme-light .settings-modal-overlay{background:#ffedd5b8!important}.annotation-screen.theme-light .settings-modal-card,.annotation-screen.theme-light .settings-modal-content,.annotation-screen.theme-light .settings-modal-actions,.annotation-screen.theme-light .settings-modal-header,.annotation-screen.theme-light .confirm-modal-card{background:var(--light-orange-panel)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important;box-shadow:0 10px 24px #78532629!important}.annotation-screen.theme-light .settings-modal-header h2,.annotation-screen.theme-light .settings-section h3,.annotation-screen.theme-light .settings-field label,.annotation-screen.theme-light .settings-description,.annotation-screen.theme-light .settings-close-button,.annotation-screen.theme-light .confirm-modal-card h2{color:var(--light-text-primary)!important}.annotation-screen.theme-light .settings-field input,.annotation-screen.theme-light .form-group input{background:var(--light-orange-elevated)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important}.annotation-screen.theme-light .export-modal-overlay{background:#ffedd5b8!important}.annotation-screen.theme-light .export-modal-card,.annotation-screen.theme-light .export-modal-header,.annotation-screen.theme-light .export-modal-body,.annotation-screen.theme-light .export-modal-item,.annotation-screen.theme-light .export-modal-checkbox,.annotation-screen.theme-light .export-modal-actions{background:var(--light-orange-panel)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important}.annotation-screen.theme-light .export-modal-header h3,.annotation-screen.theme-light .export-modal-subtitle,.annotation-screen.theme-light .export-modal-item .checkbox-text,.annotation-screen.theme-light .export-modal-actions .secondary-btn,.annotation-screen.theme-light .export-modal-actions .secondary-btn svg{color:var(--light-text-primary)!important}.annotation-screen.theme-light .rating-box{background:var(--light-orange-elevated)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important}.annotation-screen.theme-light .rating-box.selected{color:#111827!important;background:#fdba74!important;border-color:#c2782299!important}.annotation-screen.theme-light .picker-control,.annotation-screen.theme-light .picker-dropdown,.annotation-screen.theme-light .picker-item,.annotation-screen.theme-light .picker-item:hover,.annotation-screen.theme-light .picker-item.selected{background:var(--light-orange-elevated)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important}.annotation-screen.theme-light .picker-item-check,.annotation-screen.theme-light .picker-value,.annotation-screen.theme-light .picker-arrows{color:var(--light-text-primary)!important}.annotation-screen.theme-light .right-panel .primary-btn,.annotation-screen.theme-light .right-panel .secondary-btn,.annotation-screen.theme-light .export-modal-actions .primary-btn,.annotation-screen.theme-light .settings-save-button,.annotation-screen.theme-light .settings-reset-button,.annotation-screen.theme-light .settings-cancel-button,.annotation-screen.theme-light .confirm-modal-button--primary,.annotation-screen.theme-light .confirm-modal-button--secondary,.annotation-screen.theme-light .confirm-modal-button{color:#111827!important;background:#fdba74!important;border-color:#c2782273!important}.annotation-screen.theme-light .right-panel .primary-btn:hover,.annotation-screen.theme-light .right-panel .secondary-btn:hover,.annotation-screen.theme-light .export-modal-actions .primary-btn:hover,.annotation-screen.theme-light .settings-save-button:hover,.annotation-screen.theme-light .settings-reset-button:hover,.annotation-screen.theme-light .settings-cancel-button:hover,.annotation-screen.theme-light .confirm-modal-button:hover{color:#111827!important;background:#fb923c!important;border-color:#c2782299!important}.annotation-screen.theme-light .export-modal-actions .secondary-btn{background:var(--light-orange-elevated)!important;border-color:var(--light-border)!important;color:var(--light-text-primary)!important}.workspace{--sidebar-width:260px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr) auto;flex:1;height:auto;min-height:0;display:grid;overflow:hidden}.annotation-screen.sidebar-collapsed .workspace{grid-template-columns:62px minmax(0,1fr) auto}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff0f;background-image:linear-gradient(#ffffff14,#ffffff05);border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;align-items:center;gap:14px;height:100%;padding:18px 10px;display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffffff0d}.sidebar.right{border-left:1px solid #ffffff14;border-right:none}.tools-group{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:8px;display:flex}.tool-divider{background:#ffffff1f;width:100%;height:1px;margin:6px 0}.palette{gap:8px;margin-left:8px;padding-right:4px;display:flex}.palette-swatch{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:14px;height:14px}.tool-picker{justify-content:space-between}.picker-value{color:#edf2f7bf;padding-left:6px;font-size:.85rem}.workspace-main{background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.workspace-empty{color:#edf2f7b3;text-align:center;font-size:1.05rem}.image-canvas{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.canvas-wrapper{width:100%;height:100%;position:relative}.image-info-overlay{z-index:9999;color:#ffffffe0;-webkit-backdrop-filter:blur(10px);pointer-events:none;background:linear-gradient(135deg,#46506480,#28324666);border:1px solid #ffffff1a;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;position:absolute;bottom:44px;left:8px;box-shadow:0 2px 8px #00000047,inset 0 1px #ffffff0a}.image-info{color:#edf2f7e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#141923d9;border-radius:10px;padding:6px 10px;font-size:.8rem;position:absolute;bottom:16px;left:16px}.image-canvas-inner{max-width:100%;max-height:100%;display:inline-block;position:relative}.image-overlay-layer{position:absolute;inset:0}.canvas-image{will-change:transform;border-radius:12px;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 40px #00000073}.bbox{border:2px solid var(--bbox-color,#34d399f2);pointer-events:none;background:#34d3991a;border-radius:10px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 14px #00000038}.bbox-label{background:var(--bbox-label-bg,#141923eb);color:var(--bbox-label-text,#edf2f7f2);white-space:nowrap;z-index:2;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;font-size:.74rem;font-weight:600;display:flex;position:absolute;top:-28px;left:0;box-shadow:0 6px 14px #00000040}.bbox-name{color:var(--bbox-label-text,#edf2f7f2)}.bbox-confidence{color:var(--bbox-label-muted,#edf2f7d1);background:#0f172a52;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700}.bbox.dashed{border-style:dashed}.panel-title{color:#edf2f7d1;letter-spacing:.4px;margin-bottom:14px;font-size:.95rem}.tools-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff0f;background-image:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;gap:8px;width:100%;min-width:auto;height:calc(100vh - 100px);margin-bottom:12px;padding:10px;transition:width .2s,padding .2s;display:flex;box-shadow:inset 0 1px #ffffff0d}.sidebar-top{flex-direction:column;gap:14px;display:flex}.sidebar-bottom{flex-direction:column;gap:14px;margin-bottom:10px;display:flex}.tools-panel.collapsed{align-items:center}.tools-panel.expanded{width:260px;min-width:260px}.tools-panel.collapsed{width:62px;min-width:62px;padding:10px 8px}.tools-panel.collapsed .tools-header{justify-content:center}.tools-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tools-toggle{color:#edf2f7e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;place-items:center;width:38px;height:38px;transition:background .2s,border-color .2s;display:grid}.tools-toggle:hover{background:#ffffff1f;border-color:#ffffff2e}.tools-logo{background:#ff7a002e;border:1px solid #ff7a0059;border-radius:14px;justify-content:center;align-items:center;height:38px;display:flex}.tools-logo-inner{background:#ff7a00e6;border-radius:10px;width:26px;height:26px;box-shadow:0 6px 14px #ff7a0040}.tool-section{flex-direction:column;gap:3px;display:flex}.tool-section+.tool-section{border-top:1px solid #ffffff1f;margin-top:6px;padding-top:6px}.tools-panel.collapsed .tool-section+.tool-section{border-top:none;margin-top:4px;padding-top:2px}.tool-section-title{letter-spacing:.18em;text-transform:uppercase;color:#edf2f78c;font-size:.65rem}.tools-panel.collapsed .tool-section{flex-direction:column;align-items:center;gap:4px;display:flex}.tools-panel.collapsed .tool-section-title{letter-spacing:.08em;text-align:center;text-transform:uppercase;color:#edf2f78c;opacity:1;visibility:visible;margin:0;padding:0;font-size:.55rem;line-height:1.1}.tools-group{flex-direction:column;gap:10px;display:flex}.tools-panel.collapsed .tools-group{align-items:center;gap:8px}.tool-button{color:#edf2f7d1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:4px;width:100%;padding:3px 10px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.tools-panel.collapsed .tool-button{justify-content:center;width:44px;padding:6px}.tools-panel.collapsed .tool-button .tool-icon{width:20px;height:20px}.tools-panel.collapsed .tool-button .tool-icon svg{width:14px;height:14px}.tool-button:hover{color:#fffffff2;background:#ff7a002e;border-color:#ff7a0073}.tool-button.active{color:#fffffff2;background:#ff7a00e6;border-color:#ff7a00a6}.tool-button.active .tool-icon{background:#ffffff2e}.tool-icon{color:#ffffffeb;background:#ffffff1f;border-radius:10px;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.tool-label{text-align:left;opacity:1;white-space:nowrap;flex:1;max-width:155px;font-size:.7rem;transition:opacity .18s,max-width .18s;overflow:hidden}.tools-panel.collapsed .tool-label{opacity:0;visibility:hidden;width:0;max-width:0;margin:0;padding:0}.palette{gap:8px;margin-top:4px;padding:2px 4px 0;display:flex}.tools-panel.collapsed .palette{flex-direction:column;align-items:center;gap:6px;margin-top:6px;padding:0}.tools-panel.collapsed .palette-swatch{width:9px;height:9px}.palette-swatch{cursor:pointer;border:2px solid #ffffff1f;border-radius:999px;width:14px;height:14px;transition:box-shadow .16s,border-color .16s}.palette-swatch:hover{box-shadow:0 0 0 3px #ffffff24}.palette-swatch.selected{border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff40}.picker-control{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;margin-top:5px;padding:6px 10px;display:flex;position:relative}.tools-panel.collapsed .picker-control{width:40px;padding:3px 6px}.tools-panel.collapsed .picker-value{font-size:.52rem;font-weight:700}.tools-panel.collapsed .picker-arrows{display:none}.picker-dropdown{z-index:10;background:#0c1018f5;border:1px solid #ffffff24;border-radius:14px;width:116px;max-height:260px;padding:6px 0;position:absolute;bottom:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 16px 36px #0000006b}.picker-item{color:#edf2f7d9;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;font-size:.82rem;transition:background .2s,color .2s;display:flex}.picker-item-check{color:#ebf1f4f2;font-size:.82rem}.picker-item:hover{color:#fffffff2;background:#ffffff14}.picker-item.selected{color:#fffffff5;background:#ff7a00d9}.picker-value{color:#edf2f7e6;font-size:.9rem;font-weight:700}.picker-arrows{color:#edf2f799;font-size:.7rem}.upload-section{box-shadow:none;background:0 0;border:none;padding:0}.file-input-label{color:#edf2f7bf;background:#ffffff14;border:1px dashed #ffffff21}.upload-button{background:#34d399e6}.upload-button:hover:not(:disabled){background:#34d399}.results{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:14px}.results h2,.results-summary{display:none}.detections-list{margin-top:0}.bbox.selected{border-color:#ffb619f2;box-shadow:0 0 0 2px #ffb61973}.bbox-actions{z-index:20;flex-direction:column;gap:4px;display:flex;position:absolute;top:0;right:-34px}.bbox-action-btn{cursor:pointer;border:none;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.bbox-action-btn-accept{color:#fff;background:#10b981f2}.bbox-action-btn-reject{color:#fff;background:#ef4444f2}.right-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#edf2f7f2;background-color:#ffffff0f;background-image:linear-gradient(#ffffff14,#ffffff05);border-left:1px solid #ffffff14;flex-direction:column;width:320px;max-width:320px;height:100%;padding:12px;font-size:13px;transition:all .25s;display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffffff0d}.right-panel.collapsed{width:46px;max-width:46px;padding:8px 4px;overflow:hidden}.tab-content{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.patches-content{padding-bottom:16px}.collapse-toggle{color:#edf2f7eb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:.85rem;font-weight:700;display:flex}.collapse-toggle svg{color:#edf2f7cc}.export-options label,.preview-actions button,.export-options input{font-size:.85rem}.preview-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.preview-box{color:#edf2f7cc;background:#0c1018e6;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;min-height:92px;margin-top:8px;padding:12px;font-size:.85rem;display:flex}.export-options{flex-direction:column;gap:7px;margin-top:8px;display:flex}.export-options label{color:#edf2f7e6;align-items:center;gap:8px;display:flex}.export-options input[type=checkbox]{accent-color:#f97316;width:14px;height:14px}.tab-bar{gap:8px;margin-bottom:12px;display:flex}.right-panel.collapsed .tab-bar{flex:1;justify-content:flex-end;align-items:center;gap:0;margin-bottom:0;padding-right:8px}.tab-item{color:#edf2f7bf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:8px 10px}.tab-arrow-btn{color:#edf2f7bf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.tab-arrow-btn svg{transition:transform .25s}.tab-arrow-btn.collapsed svg{transform:rotate(180deg)}.tab-arrow-btn:hover,.tab-item.active{color:#edf2f7f2;background:#ffffff24;border-color:#fff3}.right-panel.collapsed .tab-item,.right-panel.collapsed>:not(.tab-bar){display:none}.tab-content{flex-direction:column;gap:12px;height:100%;display:flex}.right-panel-section{background:#0a0e18e0;border:1px solid #94a3b840;border-radius:12px;margin-top:10px;margin-bottom:8px;padding:10px}.create-patches-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e3266;border:1px solid #ffffff14;box-shadow:0 8px 24px #0f172a29}.preview-box{color:#cbd5e1b8;background:#080b11cc;border:1px solid #94a3b840;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:100px;margin-top:8px;display:flex}.preview-box--with-controls{flex-direction:column;gap:10px;padding:10px;display:flex}.preview-header{justify-content:space-between;align-items:center;width:100%;display:flex}.preview-header-title{color:#edf2f7e6;font-size:.85rem;font-weight:600}.preview-content{transform-origin:50%;justify-content:center;align-items:center;width:100%;min-height:96px;display:flex}.fullscreen-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-card{background:#0a0e18f2;border:none;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.fullscreen-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fullscreen-title{color:#edf2f7f2;font-size:.9rem;font-weight:700}.fullscreen-actions{gap:8px;display:flex}.fullscreen-body{flex:1;padding:0;display:block;position:relative;overflow:hidden}.fullscreen-viewport{overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;width:100%;height:100%;overflow:auto}.fullscreen-viewport.is-panning{cursor:grabbing}.fullscreen-canvas{justify-content:center;align-items:center;min-width:100%;min-height:100%;margin:0 auto;display:flex;position:relative}.fullscreen-nav-btn{color:#edf2f7e6;cursor:pointer;background:#0a0e18bf;border:1px solid #fff3;border-radius:999px;place-items:center;padding:8px;transition:background .2s,transform .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.fullscreen-nav-btn:hover{background:#ffffff1f;transform:translateY(-50%)scale(1.05)}.fullscreen-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fullscreen-nav-btn--left{left:16px}.fullscreen-nav-btn--right{right:16px}.fullscreen-body .preview-image{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.fullscreen-body .preview-image-placeholder{color:#edf2f7bf;text-align:center;background:#ffffff14;border:1px dashed #fff3;border-radius:16px;justify-content:center;align-items:center;width:60%;height:60%;padding:16px;font-size:1.1rem;display:flex}.fullscreen-body .preview-image-label{color:#edf2f7e6;background:#00000073;border-radius:10px;padding:6px 10px;font-size:.9rem;font-weight:600;position:absolute;top:16px;left:16px}.export-options label,.export-options input[type=checkbox]{width:100%}.export-options label{color:#e4e8f1db;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 8px;font-size:.85rem;display:flex}.right-panel .collapse-toggle{color:#e5e7ebe6;background:#1e293bd1;border:1px solid #94a3b826}.section-header-with-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-header-with-controls .collapse-toggle{flex:1;justify-content:flex-start}.preview-header-actions{gap:6px;display:flex}.right-panel-section-header{text-transform:uppercase;color:#edf2f7a8;letter-spacing:.08em;margin-bottom:8px;font-size:.78rem}.right-panel-list{flex-direction:column;gap:6px;padding:2px 0;display:flex}.right-panel-item,.right-panel-item.confirmed{cursor:pointer;background:#0c1018f2;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.right-panel-item.confirmed>div{align-items:center;gap:10px;display:flex}.right-panel-item.selected{background:#ff7a0033;border-color:#ff7a00d9}.right-panel-item-main{align-items:center;gap:8px;display:flex}.right-panel-item-bullet{background:#10b981e6;border-radius:50%;width:8px;height:8px}.right-panel-item-bullet.confirmed{background:#34d399e6}.right-panel-item-info{flex-direction:column;display:flex}.right-panel-item-label{font-size:13px;font-weight:500}.right-panel-item-meta{color:#edf2f7bf;font-size:.78rem}.right-panel-item-actions{align-items:center;gap:8px;display:flex}.right-panel-item-confidence{color:#9ca3af;font-size:12px}.icon-btn{color:#edf2f7e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:30px;height:30px;transition:background .2s,border-color .2s,transform .12s,box-shadow .2s;display:grid}.icon-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 10px 20px #0000002b}.icon-btn:active{transform:translateY(0);box-shadow:0 4px 8px #00000029}.icon-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.right-panel-empty{color:#edf2f794;padding:6px}.right-panel-properties{gap:6px;margin-top:auto;display:grid}.property-row{justify-content:space-between;font-size:.83rem;display:flex}.export-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal-card{color:#edf2f7f2;background:linear-gradient(155deg,#080b11fa,#0a0e18fa);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:min(680px,92vw);max-height:86vh;padding:16px;display:flex;overflow:hidden;box-shadow:0 16px 48px #0009}.export-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.export-modal-header h3{color:#f5f7ff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.1rem}.export-modal-subtitle{color:#e4e8f1cc;margin:0 0 12px;font-size:.87rem}.export-modal-body{flex:1;padding-bottom:8px;overflow-y:auto}.export-modal-list{flex-direction:column;gap:8px;display:flex}.export-modal-checkbox{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.export-modal-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:10px}.export-modal-item-main{justify-content:space-between;align-items:center;gap:14px;display:flex}.export-modal-item .checkbox-text{color:#edf2f7f2;font-size:.9rem;font-weight:600}.rating-options{gap:8px;display:flex}.rating-box{color:#edf2f7e6;cursor:pointer;background:#070a11e6;border:1px solid #94a3b866;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:700;transition:all .2s;display:grid}.rating-box:hover{border-color:#f97316cc;box-shadow:0 0 0 1px #f9731626}.rating-box.selected{color:#fff;background:#f97316f2;border-color:#f97316}.export-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.export-modal-actions .primary-btn,.export-modal-actions .secondary-btn{border-radius:10px;min-width:128px;padding:8px 12px}.export-modal-actions .primary-btn{color:#fff;background:linear-gradient(90deg,#ff7a00f2,#ff5800d9);border:1px solid #ff7a0040}.export-modal-actions .primary-btn:hover{filter:brightness(1.05)}.export-modal-actions .secondary-btn{color:#edf2f7f2;background:#ffffff14;border:1px solid #ffffff26}.export-modal-actions .secondary-btn:hover{background:#ffffff1f}.export-options{background:#0a0e18cc;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;max-width:100%;margin:8px 0;padding:12px;transition:all .3s;display:flex;overflow-x:hidden}.export-options.disabled{opacity:.4;pointer-events:none;filter:blur(.2px)}.export-options.active{opacity:1;pointer-events:auto;filter:none}.export-options label{color:#edf2f7e6;word-break:break-word;white-space:normal;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.export-options input[type=checkbox]{cursor:pointer;accent-color:#f97316;flex-shrink:0;width:16px;min-width:16px;height:16px}.settings-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bottom-status-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#edf2f7cc;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 12px;font-size:.8rem;display:flex;background-color:#ffffff14!important;background-image:linear-gradient(#ffffff1f,#ffffff0a)!important;border-top:1px solid #ffffff26!important;box-shadow:inset 0 1px #fff3,0 8px 32px #00000040!important}.status-left,.status-right{gap:12px;display:flex}.confirm-modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.confirm-modal-card{opacity:1;background:#0f172a;border:1px solid #334155;border-radius:12px;width:min(86vw,500px);min-width:320px;max-width:500px;padding:20px;position:relative;box-shadow:0 10px 24px #00000073}.confirm-modal-card h2{color:#e5e7eb;margin:0 0 14px;font-size:1rem;line-height:1.4}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-modal-button{color:#e2e8f0;cursor:pointer;background:#1f2937;border:1px solid #64748b;border-radius:8px;min-width:72px;padding:8px 14px;font-size:.9rem}.confirm-modal-button:hover{background:#334155}.confirm-modal-button--secondary{border-color:#475569}.confirm-modal-button--primary{color:#fff;background:#f97316;border-color:#f97316}.confirm-modal-button--primary:hover{background:#ea580c}.settings-modal-card{background:linear-gradient(155deg,#080b11fa,#0a0e18fa);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:min(90vw,520px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0009}.settings-modal-header{border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;min-height:56px;padding:18px;display:flex}.settings-modal-header h2{color:#e5e7eb;margin:0;font-size:1.1rem}.settings-close-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.settings-modal-content{flex-direction:column;flex:auto;gap:14px;max-height:calc(90vh - 152px);padding:0 18px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-section h3{color:#f8fafc;margin:0;font-size:.95rem}.settings-description{color:#a5b4fc;margin:0;font-size:.8rem;line-height:1.4}.settings-field{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.settings-field label{color:#9ca3af;font-size:.78rem}.settings-field input{color:#f8fafc;background:#0b1222;border:1px solid #374151;border-radius:6px;padding:6px 8px;font-size:.86rem}.settings-modal-actions{background:#0f172aeb;border-top:1px solid #ffffff14;flex:none;justify-content:flex-end;gap:8px;padding:12px 18px 16px;display:flex}.settings-modal-actions button{color:#e5e7eb;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:6px 10px;font-size:.8rem}.settings-save-button{background:#2563eb;border-color:#1d4ed8}.settings-reset-button{background:#111827;border-color:#4b5563}.settings-cancel-button{background:#0f172a}.primary-btn,.secondary-btn{color:#e2e8f0;cursor:pointer;background:#1f2937f2;border:1px solid #94a3b838;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:10px 12px;font-size:.9rem;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.primary-btn:hover,.secondary-btn:hover{background:#2d3748f2}.primary-btn{color:#f8fafc}.secondary-btn{color:#d1d5db}.form-group{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.form-group input{color:#edf2f7ed;background:#02040ccc;border:1px solid #fff3;border-radius:8px;width:100%;padding:6px 8px}.preview-actions{gap:6px;display:flex}.preview-box{color:#edf2f7a3;background:#0c1018cc;border:1px dashed #ffffff47;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:100px;display:flex}.two-columns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-options{gap:6px;font-size:.82rem;display:grid}.export-options label{align-items:center;gap:6px;display:flex}@media (width<=1024px){.workspace{grid-template-rows:auto;grid-template-columns:1fr}.sidebar{border:none;padding:16px}.workspace-main{padding:16px}.annotation-header{flex-direction:column;align-items:flex-start;gap:12px}.back-button{width:100%}.annotation-status{justify-content:flex-start;width:100%;display:flex}}.top-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-radius:0;height:auto;min-height:56px;padding:10px 16px;position:sticky;top:0;background-color:#ffffff14!important;background-image:linear-gradient(#ffffff1f,#ffffff0a)!important;border-bottom:0!important;box-shadow:inset 0 1px #fff3!important}.top-toolbar,.sidebar,.right-panel,.bottom-status-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0;background-color:#ffffff14!important;background-image:linear-gradient(#ffffff1f,#ffffff0a)!important;box-shadow:inset 0 1px #fff3!important}.sidebar,.right-panel{border-top:0}.bottom-status-bar{border-top:0!important}.right-panel .right-panel-section,.right-panel .preview-box,.right-panel .export-options{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e3259;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 24px #0f172a29}
