.slideshow{background:#0d0e1a;background:var(--canvas-bg,#0d0e1a);line-height:0;overflow:hidden;position:relative}.slideshow,.slideshow-img{border-radius:6px;width:100%}.slideshow-img{cursor:zoom-in;display:block;object-fit:contain}.slideshow-nav{background:#0000008c;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;z-index:2}.slideshow-nav:hover{background:#5b5ef4b3}.slideshow-prev{border-radius:0 4px 4px 0;left:0}.slideshow-next{border-radius:4px 0 0 4px;right:0}.slideshow-dots{bottom:5px;display:flex;gap:5px;justify-content:center;left:0;position:absolute;right:0}.slideshow-dot{background:#ffffff59;border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:background .15s;width:7px}.slideshow-dot.on{background:#fff}.slideshow-dot:hover{background:#ffffffb3}.slideshow-caption{background:#000000a6;color:#e8e8ff;font-size:11px;left:0;line-height:1.5;overflow:hidden;padding:3px 8px;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1}.slideshow-lightbox{background:#000000f2;display:flex;flex-direction:column;inset:0;position:fixed;z-index:9999}.slideshow-lb-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;line-height:1.4;padding:12px 16px}.slideshow-lb-title{color:#e8e8ff;font-size:14px;font-weight:600}.slideshow-lb-counter{color:#9090b0;font-size:12px;font-weight:400}.slideshow-lb-close{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ccc;cursor:pointer;font-size:14px;line-height:1;padding:4px 10px;transition:background .15s}.slideshow-lb-close:hover{background:#fff3;color:#fff}.slideshow-lb-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:20px;position:relative}.slideshow-lb-img{border-radius:4px;display:block;max-height:100%;max-width:100%;object-fit:contain}.slideshow-lb-nav{background:#0000008c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:40px;line-height:1;padding:8px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s}.slideshow-lb-nav:hover{background:#5b5ef4b3}.slideshow-lb-prev{left:12px}.slideshow-lb-next{right:12px}.slideshow-lb-bar{background:linear-gradient(180deg,#0000,#000000e0);bottom:0;left:0;line-height:1.4;padding:28px 20px 16px;pointer-events:auto;position:absolute;right:0}.slideshow-lb-bar-title{color:#e8e8ff;font-size:17px;font-weight:600;margin-bottom:6px}.slideshow-lb-bar-desc{color:#b0b0cc;font-size:14px;margin-bottom:10px}.slideshow-lb-bar-desc p{margin:0 0 3px}.slideshow-lb-bar-desc ul{margin:0;padding-left:16px}.slideshow-lb-bar-link{border:1px solid #5b5ef480;border-radius:4px;color:#5b5ef4;display:inline-block;font-size:13px;padding:2px 10px;text-decoration:none;transition:background .15s}.slideshow-lb-bar-link:hover{background:#5b5ef42e}.editor-layout{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px;padding:8px 16px}.editor-toolbar,.editor-toolbar-title{align-items:center;display:flex;flex-shrink:0}.editor-toolbar-title{gap:8px}.editor-image-name{color:var(--text);font-size:14px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-tools{display:flex;flex:1 1;gap:3px;justify-content:center}.tool-btn{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sans);font-size:15px;gap:1px;padding:5px 12px;transition:all .14s}.tool-btn.active,.tool-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-btn.active{background:#5b5ef42e}.tool-label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.editor-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.zoom-controls{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:2px;padding:2px 4px}.zoom-btn{background:#0000;border:none;border-radius:4px;color:var(--text2);cursor:pointer;font-size:15px;line-height:1;padding:4px 8px;transition:color .13s}.zoom-btn:hover:not(:disabled){color:var(--accent)}.zoom-btn:disabled{cursor:default;opacity:.3}.zoom-label{color:var(--text);font-family:var(--mono);font-size:12px;font-weight:700;min-width:38px;text-align:center}.poly-mode-bar{align-items:center;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:6px 16px}.poly-mode-exit{flex-shrink:0;font-weight:700;letter-spacing:.01em}.poly-mode-label{color:var(--text3);font-weight:600;margin-right:4px}.poly-mode-active-label,.poly-mode-label{flex-shrink:0;font-family:var(--mono);font-size:11px}.poly-mode-active-label{border-radius:20px;font-weight:700;padding:3px 9px}.poly-mode-active-label.add{background:#5b5ef433;color:var(--accent)}.poly-mode-active-label.remove{background:#ff4d6d26;color:var(--danger)}.editor-body{display:flex;flex:1 1;overflow:hidden}.editor-canvas-wrap{background:var(--canvas-bg);background-image:linear-gradient(#5b5ef40a 1px,#0000 0),linear-gradient(90deg,#5b5ef40a 1px,#0000 0);background-size:24px 24px;flex:1 1;overflow:auto;padding:20px}.editor-canvas-inner{display:inline-block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;position:relative}.editor-image{display:block;-webkit-user-select:none;user-select:none}.editor-svg{left:0;overflow:visible;position:absolute;top:0}.editor-sidebar{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:272px}.sidebar-section{border-bottom:1px solid var(--border);padding:12px 14px}.sidebar-header{align-items:center;color:var(--text3);display:flex;font-family:var(--mono);font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:.09em;margin-bottom:10px;text-transform:uppercase}.selected-panel{background:#5b5ef40d;border-color:#5b5ef44d}.selected-ann-info{align-items:center;display:flex;gap:10px;margin-bottom:12px}.ann-dot-big{border-radius:50%;flex-shrink:0;height:14px;width:14px}.selected-code{color:var(--accent);font-family:var(--mono);font-size:12px;font-weight:700}.selected-label{color:var(--text);font-family:Inter,sans-serif;font-size:13px}.selected-type-row{margin-bottom:10px}.field-micro-label{color:var(--text3);display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.type-switcher{display:flex;gap:4px}.type-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;flex:1 1;font-family:var(--sans);font-size:14px;padding:5px 0;text-align:center;transition:all .13s}.type-btn.active,.type-btn:hover{border-color:var(--accent);color:var(--accent)}.type-btn.active{background:#5b5ef433}.coords-editor{margin-bottom:10px}.coords-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;gap:6px;justify-content:space-between;padding:0 0 4px;width:100%}.coords-toggle:hover .field-micro-label{color:var(--accent)}.coords-toggle-icon{color:var(--text3);flex-shrink:0;font-size:9px}.coords-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr}.coord-field{display:flex;flex-direction:column;gap:2px}.coord-field label{color:var(--text3);font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase}.coord-field input{background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--mono);font-size:11px;outline:none;padding:4px 6px;width:100%}.coord-field input:focus{border-color:var(--accent)}.polygon-points-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.poly-point-row{align-items:center;display:flex;gap:4px}.poly-idx{color:var(--text3);flex-shrink:0;font-family:var(--mono);font-size:10px;width:22px}.poly-point-row input{background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);flex:1 1;font-family:var(--mono);font-size:11px;min-width:0;outline:none;padding:3px 5px}.poly-point-row input:focus{border-color:var(--accent)}.poly-del-btn{background:#0000;border:none;color:var(--danger);cursor:pointer;font-size:11px;padding:2px 4px}.selected-actions{display:flex;gap:6px;margin-top:10px}.annotations-list{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto}.empty-ann{color:var(--text3);font-family:Inter,sans-serif;font-size:12px;line-height:1.7;padding:16px 0;text-align:center}.annotation-item{align-items:flex-start;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:8px;padding:7px 9px;transition:all .13s}.annotation-item:hover{border-color:#5b5ef480}.annotation-item.selected{background:#5b5ef41a;border-color:var(--accent)}.annotation-item.hovered{background:#5b5ef412;border-color:#5b5ef499;box-shadow:0 0 0 2px #5b5ef433}.ann-thumb{align-items:center;border-radius:5px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.ann-thumb-img{display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.ann-dot{border-radius:50%;flex-shrink:0;height:9px;margin-top:4px;width:9px}.ann-info{flex:1 1;min-width:0}.ann-code{color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:700}.ann-label{color:var(--text);font-family:Inter,sans-serif;font-size:12px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ann-type{color:var(--text3);font-family:var(--mono);font-size:10px;margin-top:1px;text-transform:uppercase}.ann-actions{display:flex;flex-shrink:0;gap:3px}.color-palette{display:flex;flex-wrap:wrap;gap:7px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:22px;transition:all .13s;width:22px}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d;transform:scale(1.15)}.sidebar-help .help-text{color:var(--text3);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:11px;gap:3px;line-height:1.6}.ctx-menu{background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;min-width:180px;padding:4px;position:fixed;z-index:9999}.ctx-menu-item{background:none;border:none;border-radius:5px;color:var(--text1);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;padding:7px 12px;text-align:left;transition:background .12s}.ctx-menu-item:hover{background:#ffffff12;background:var(--surface2,#ffffff12)}.ctx-menu-item.danger{color:#ff4d6d;color:var(--danger,#ff4d6d)}.ctx-menu-item.danger:hover{background:#ff4d6d1f}.tt-crop{border-radius:5px;display:block;max-height:120px;object-fit:cover;width:100%}.ann-html-tooltip{background:var(--surface);border:1.5px solid;border-radius:9px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:3px;max-width:260px;min-width:160px;padding:8px 12px;pointer-events:all;position:fixed;z-index:8000}.tt-code{font-family:var(--mono);font-size:11px;font-weight:700}.tt-label{color:var(--text2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-link{color:var(--accent);cursor:pointer;font-size:11px;font-weight:600;margin-top:4px;pointer-events:all;text-decoration:none}.tt-link:hover{text-decoration:underline}.ann-img-panel{border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;overflow:hidden}.ann-img-panel-header{align-items:center;color:var(--text3);font-family:var(--mono);font-size:11px;font-weight:700;gap:7px;letter-spacing:.07em;padding:7px 10px;text-transform:uppercase}.ann-img-panel-header,.ann-img-tabs{background:var(--surface2);border-bottom:1px solid var(--border);display:flex}.ann-img-tab{background:none;border:none;color:var(--text3);cursor:pointer;flex:1 1;font-family:var(--mono);font-size:12px;font-weight:700;padding:5px 0;transition:color .13s,background .13s}.ann-img-tab:hover{color:var(--text)}.ann-img-tab.active{background:#5b5ef41a;color:var(--accent)}.ann-img-form{background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:10px}.ann-img-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;outline:none;padding:6px 8px;width:100%}.ann-img-input:focus{border-color:var(--accent)}.ann-img-check{align-items:center;color:var(--text2);cursor:pointer;display:flex;font-size:12px;gap:6px}.ann-img-file-row{display:flex;flex-direction:column;gap:4px}.ann-img-file-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;font-size:12px;padding:5px 8px;width:100%}.ann-img-file-input::-webkit-file-upload-button{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;margin-right:8px;padding:3px 10px}.ann-img-file-input::file-selector-button{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;margin-right:8px;padding:3px 10px}.ann-img-list{max-height:360px;overflow-y:auto}.ann-img-item,.ann-img-list{display:flex;flex-direction:column}.ann-img-item{background:var(--surface);border-bottom:1px solid var(--border);gap:6px;padding:8px 10px}.ann-img-item:last-child{border-bottom:none}.ann-img-item:hover{background:var(--surface2)}.ann-img-item-row{align-items:center;display:flex;gap:10px}.ann-img-idx{color:var(--text3);flex-shrink:0;font-family:var(--mono);font-size:10px;text-align:right;width:14px}.ann-img-thumb{background:var(--surface2);border-radius:6px;cursor:pointer;flex-shrink:0;height:64px;object-fit:cover;transition:opacity .15s;width:64px}.ann-img-thumb:hover{opacity:.8}.ann-img-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.ann-img-title{color:var(--text);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ann-img-desc-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text2);display:-webkit-box;font-size:11px;line-height:1.35;max-height:2.7em;overflow:hidden}.ann-img-desc-preview p{margin:0}.ann-img-order{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.ann-img-order-btn{background:var(--surface2);border:1px solid var(--border);border-radius:3px;color:var(--text2);cursor:pointer;font-size:9px;line-height:1;padding:2px 5px;transition:background .12s,color .12s,border-color .12s}.ann-img-order-btn:hover:not(:disabled){background:var(--surface3);border-color:var(--accent);color:var(--accent)}.ann-img-order-btn:disabled{cursor:not-allowed;opacity:.25}.ann-img-title-input{background:var(--surface2);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:12px;font-weight:600;outline:none;padding:2px 6px;width:100%}.ann-img-field{padding-left:84px}.ann-img-desc,.ann-img-link-row{border-radius:3px;color:var(--text2);cursor:pointer;font-size:11px;line-height:1.4;margin-left:-4px;padding:2px 4px}.ann-img-desc:hover,.ann-img-link-row:hover{background:var(--surface3)}.ann-img-desc.empty em,.ann-img-link-row.empty em{color:var(--text3);font-weight:400}.ann-img-desc p{margin:0}.ann-img-link{color:var(--accent);text-decoration:none;word-break:break-all}.ann-img-field-edit{flex-direction:column}.ann-img-field-actions,.ann-img-field-edit{display:flex;gap:6px}.ann-img-edit-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.ann-img-edit-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;border-top:3px solid var(--accent);box-shadow:0 24px 64px #000000b3;display:flex;flex-direction:column;max-width:calc(100vw - 32px);width:420px}.ann-img-edit-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.ann-img-edit-body{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;padding:16px}.ann-img-edit-footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 16px}.ann-img-page-urls{display:flex;flex-direction:column;gap:6px}.ann-img-page-url-row{align-items:center;display:flex;gap:6px}.ann-img-page-url-row .ann-img-input{flex:1 1}.ann-img-import-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;border-top:3px solid var(--accent);box-shadow:0 24px 64px #000000b3;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:calc(100vw - 32px);width:720px}.ann-img-import-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.ann-img-import-count{color:var(--text3);font-size:12px;margin-left:auto}.ann-img-import-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:16px}.ann-img-import-empty{color:var(--text3);font-size:13px;padding:24px 0;text-align:center}.ann-img-import-group-header{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:10px}.ann-img-import-group-header a{color:var(--accent);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ann-img-import-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ann-img-import-card{background:var(--surface2);border:2px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .12s}.ann-img-import-card:hover{border-color:var(--accent)}.ann-img-import-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #5b5ef459}.ann-img-import-check{left:6px;position:absolute;top:6px;z-index:1}.ann-img-import-thumb{background:var(--surface3);display:block;height:110px;object-fit:cover;width:100%}.ann-img-import-info{display:flex;flex-direction:column;gap:4px;padding:8px}.ann-img-import-desc{color:var(--text2);font-size:11px;max-height:48px;overflow:hidden}.rich-editor{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rich-toolbar{background:var(--surface3);border-bottom:1px solid var(--border);display:flex;gap:2px;padding:4px 6px}.rich-toolbar button{background:none;border:1px solid #0000;border-radius:4px;color:var(--text2);cursor:pointer;font-size:13px;line-height:1.4;padding:2px 7px;transition:background .12s,color .12s}.rich-toolbar button:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.rich-content{color:var(--text);font-size:13px;line-height:1.6;max-height:180px;min-height:80px;outline:none;overflow-y:auto;padding:8px 10px}.rich-content ul{margin:4px 0;padding-left:18px}.rich-content li{margin:2px 0}.rich-content a{color:var(--accent)}.rich-content:empty[data-placeholder]:before{color:var(--text3);content:attr(data-placeholder);pointer-events:none}.rich-link-row{background:var(--surface3);border-bottom:1px solid var(--border);display:flex;gap:4px;padding:4px 6px}.rich-link-row input{background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);flex:1 1;font-size:12px;outline:none;padding:2px 6px}.rich-link-row button{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:2px 8px}.viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.viewer-container{animation:fadeUp .22s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:92vh;max-width:min(95vw,1100px);overflow:hidden;width:100%}.viewer-overlay.maximized{padding:0}.viewer-container.maximized{animation:none;border-radius:0;height:100%;max-height:100%;max-width:100%}.viewer-container.maximized .viewer-image{max-height:calc(100vh - 160px)}.viewer-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.viewer-title{font-size:17px;font-weight:800;margin-right:10px}.viewer-canvas-wrap{align-items:center;background:var(--canvas-bg);background-image:linear-gradient(#5b5ef40a 1px,#0000 0),linear-gradient(90deg,#5b5ef40a 1px,#0000 0);background-size:24px 24px;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden;padding:16px}.viewer-canvas-inner{display:inline-flex;max-height:100%;max-width:100%;position:relative}.viewer-image{border-radius:4px;display:block;max-height:calc(92vh - 200px);max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.viewer-svg{height:100%;left:0;pointer-events:all;position:absolute;top:0;width:100%}.ann-g{cursor:pointer}.ann-shape{fill-opacity:0;stroke-opacity:0;pointer-events:all;transition:fill-opacity .2s,stroke-opacity .2s}.ann-g.ann-active .ann-shape,.ann-g:hover .ann-shape{fill-opacity:.26;stroke-opacity:1}.ann-dot{transform-box:fill-box;transform-origin:center;transition:transform .2s}.ann-g.ann-active .ann-dot,.ann-g:hover .ann-dot{filter:drop-shadow(0 0 5px rgba(255,255,255,.75));transform:scale(1.5)}.viewer-legend{background:var(--surface2);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:140px;overflow-y:auto;padding:12px 20px}.legend-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.legend-header-title{color:var(--text2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.legend-header-hint{color:var(--text3);font-size:11px}.legend-items{display:flex;flex-wrap:wrap;gap:6px}.legend-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:3px 10px;transition:border-color .15s,box-shadow .15s,background .15s}.legend-item.active,.legend-item:hover{border-color:var(--legend-color);box-shadow:0 0 0 1px var(--legend-color)}.legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-code{color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:700}.legend-label{color:var(--text);font-size:11px}.legend-type{color:var(--text3);font-family:var(--mono);font-size:10px;text-transform:uppercase}.viewer-tooltip{background:var(--surface);border:1.5px solid;border-radius:10px;box-shadow:0 10px 36px #0000008c;display:flex;flex-direction:column;gap:4px;max-width:280px;min-width:170px;padding:10px 14px;pointer-events:all;position:fixed;z-index:5000}.vtt-code{font-family:var(--mono);font-size:11px;font-weight:700}.vtt-label{color:var(--text2);font-size:13px}.vtt-link{align-items:center;background:#5b5ef41f;border:1px solid #5b5ef44d;border-radius:6px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:700;gap:4px;margin-top:5px;padding:4px 8px;text-decoration:none;transition:background .15s}.vtt-link:hover{background:#5b5ef440}.vtt-content{border-top:1px solid var(--border);color:var(--text2);font-size:12px;line-height:1.5;margin-top:4px;max-width:260px;padding-top:5px}.vtt-content ul{margin:3px 0;padding-left:16px}.vtt-content a{color:var(--accent)}.vtt-crop{border-radius:6px;display:block;max-height:120px;object-fit:cover;width:100%}.legend-link{background:#5b5ef41f;border-radius:4px;color:var(--accent);font-size:11px;padding:1px 5px;text-decoration:none}.legend-link:hover{background:#5b5ef440}.login-page{align-items:center;background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 50% 0,#5b5ef41f 0,#0000 70%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeUp .25s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;gap:28px;max-width:400px;padding:40px;width:100%}.login-brand{align-items:center;display:flex;gap:14px}.login-brand-icon{color:var(--accent);filter:drop-shadow(0 0 12px rgba(91,94,244,.6));font-size:36px;line-height:1}.login-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;letter-spacing:-.03em}.login-brand-sub{color:var(--text3);font-family:var(--mono);font-size:12px;letter-spacing:.04em}.login-form{display:flex;flex-direction:column;gap:16px}.login-honeypot{height:1px;left:-9999px;opacity:0;pointer-events:none;position:absolute;width:1px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{color:var(--text2);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.login-field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b5ef426}.login-pow{display:flex;flex-direction:column;gap:6px}.pow-bar-wrap{background:var(--surface2);border-radius:2px;height:4px;overflow:hidden}.pow-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.pow-bar-fill.active{animation:powPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--accent),var(--accent2))}.pow-bar-fill.done{background:var(--success)}@keyframes powPulse{0%,to{opacity:.7}50%{opacity:1}}.pow-label{color:var(--text3);font-family:var(--mono);font-size:11px}.pow-ok{color:var(--success);font-weight:700}.pow-wait{color:var(--text3)}.pow-dots:after{animation:dots 1.2s steps(3) infinite;content:""}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.login-error{background:#ff4d6d1f;border:1px solid #ff4d6d59;border-radius:var(--radius);color:var(--danger);font-size:13px;padding:10px 14px}.login-btn{font-size:14px;justify-content:center;letter-spacing:.02em;padding:11px;width:100%}.login-hint{color:var(--text3);font-family:var(--mono);font-size:10px;line-height:1.5;text-align:center}.app{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-toggle-btn{background:none;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.sidebar-toggle-btn:hover{background:var(--surface2);color:var(--text)}.app-body{display:flex;flex:1 1;min-height:0}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .2s ease;width:0}.app-sidebar.open{overflow-y:auto;width:220px}.app-sidebar-top{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 14px 8px}.app-sidebar-heading{color:var(--text3);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-sidebar-section{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:6px 8px}.app-sidebar-btn{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;text-align:left;transition:background .13s,color .13s;white-space:nowrap;width:100%}.app-sidebar-btn:hover{background:var(--surface2);color:var(--text)}.app-sidebar-user{align-items:center;display:flex;font-size:13px;gap:8px;padding:6px 10px 10px}.app-sidebar-username{color:var(--text);font-size:13px;font-weight:600}.app-sidebar-lang-row{align-items:center;display:flex;font-size:13px;gap:8px;padding:6px 10px}.app-sidebar-version{align-items:center;border-top:1px solid var(--border);color:var(--text3);cursor:default;display:flex;font-size:11px;gap:8px;margin-top:auto;overflow:hidden;padding:10px 14px;white-space:nowrap}.app-sidebar-version-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis}.app-content-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border);gap:20px;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-brand{align-items:center;display:flex}.header-brand{flex-shrink:0;gap:12px}.brand-icon{color:var(--accent);font-size:26px;line-height:1}.brand-name{color:var(--text);font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-sub{color:var(--text3);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.header-center{flex:1 1;margin:0 auto;max-width:400px}.search-input{background:var(--surface2);border:1px solid var(--border);border-radius:100px;color:var(--text);font-family:var(--sans);font-size:14px;outline:none;padding:8px 18px;transition:border-color .15s;width:100%}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text3)}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 28px;width:100%}.app-loading{align-items:center;color:var(--text3);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 0}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.app-empty{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:100px 0;text-align:center}.empty-icon{font-size:56px;line-height:1;opacity:.2}.app-empty h2{color:var(--text);font-size:22px;font-weight:800}.app-empty p{color:var(--text3);font-size:14px;max-width:300px}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.image-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all .2s ease}.image-card:hover{border-color:#5b5ef480;box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.image-card-thumb{aspect-ratio:16/10;background:var(--surface2);cursor:pointer;overflow:hidden;position:relative}.image-card-thumb img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-card:hover .image-card-thumb img{transform:scale(1.04)}.image-card-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.image-card-thumb:hover .image-card-overlay{opacity:1}.ann-badge-float{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5b5ef4e6;border-radius:100px;color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 9px;position:absolute;right:10px;top:10px}.image-card-info{padding:14px 16px}.image-card-name{color:var(--text);font-size:15px;font-weight:700;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-card-meta{color:var(--text3);display:flex;font-family:var(--mono);font-size:11px;gap:12px;margin-bottom:12px}.image-card-actions{display:flex;flex-wrap:wrap;gap:6px}.drop-zone{align-items:center;background:var(--surface2);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:160px;padding:32px;text-align:center;transition:all .2s}.drop-zone.has-file,.drop-zone:hover{background:#5b5ef40d;border-color:var(--accent)}.drop-icon{font-size:32px;opacity:.4}.drop-text{color:var(--text2);font-size:14px;font-weight:600}.drop-hint{color:var(--text3);font-family:var(--mono);font-size:12px}.drop-preview{border-radius:var(--radius);max-height:140px;max-width:100%;object-fit:contain}.upload-mode-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:12px;padding-bottom:8px}.upload-mode-tab{background:none;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .15s}.upload-mode-tab:hover{background:var(--surface2);color:var(--text)}.upload-mode-tab.active{background:var(--accent);color:#fff}.url-input-zone{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.url-input{box-sizing:border-box;width:100%}.tag-filter-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tag-filter-label{color:var(--text3);flex-shrink:0;letter-spacing:.04em;text-transform:uppercase}.tag-filter-label,.tag-pill{font-size:12px;font-weight:600}.tag-pill{align-items:center;background:#0000;border:1.5px solid var(--tag-color,var(--accent));border-radius:20px;color:var(--accent);color:var(--tag-color,var(--accent));cursor:pointer;display:inline-flex;gap:4px;padding:3px 10px;transition:background .13s,color .13s;white-space:nowrap}.tag-pill:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);background:color-mix(in srgb,var(--tag-color,var(--accent)) 15%,#0000)}.tag-pill.active{background:var(--accent);background:var(--tag-color,var(--accent));color:#fff}.tag-pill-sm{font-size:11px;padding:2px 7px}.image-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}.tag-picker{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.tags-list{display:flex;flex-direction:column;gap:8px}.tag-list-row{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;padding:6px 10px}.tag-color-picker{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.color-swatch-lg{border:2px solid #0000;border-radius:50%;cursor:pointer;height:26px;transition:transform .1s,border-color .1s;width:26px}.color-swatch-lg:hover{transform:scale(1.15)}.color-swatch-lg.active{border-color:#fff;transform:scale(1.15)}.users-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.user-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;padding:8px 12px}.user-info,.user-row{align-items:center;display:flex}.user-info{gap:8px}.user-name{color:var(--text);font-size:14px;font-weight:600}.user-actions{display:flex;gap:5px}.session-row{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.session-date{color:var(--text2);font-size:12px}.profile-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:16px;padding-bottom:8px}.profile-tab{background:none;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;font-size:13px;font-weight:600;padding:5px 14px;transition:background .13s,color .13s}.profile-tab:hover{background:var(--surface2);color:var(--text)}.profile-tab.active{background:var(--accent);color:#fff}.checkbox-label{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px;margin:8px 0}.checkbox-label input[type=checkbox]{cursor:pointer;height:15px;width:15px}.new-user-form{border-bottom:1px solid var(--border);margin-bottom:12px;padding:4px 0 12px}.lang-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;padding:5px 8px}.lang-toggle:hover{border-color:var(--accent)}.translations-table{border-collapse:collapse;font-size:13px;width:100%}.translations-table th{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text2);font-weight:600;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.translations-table td{border-bottom:1px solid var(--border);padding:4px 8px;vertical-align:middle}.translations-table tr:hover td{background:var(--surface2)}.translation-key{color:var(--text2);font-family:var(--mono);font-size:11px;white-space:nowrap}.translation-value-input{background:var(--surface2);border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:var(--text);font-size:12px;min-width:0;padding:3px 6px;width:100%}.translation-value-input:focus{border-color:var(--accent);outline:none}.translations-scroll{max-height:380px;overflow-y:auto}.translations-filter{margin-bottom:10px}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a26;--surface3:#222235;--border:#2a2a42;--accent:#5b5ef4;--accent2:#e84393;--accent3:#00d4aa;--text:#e8e8f0;--text2:#9090b0;--text3:#5a5a7a;--danger:#ff4d6d;--warn:#ffb830;--success:#00d4aa;--radius:8px;--radius-lg:14px;--mono:"Space Mono",monospace;--sans:"Inter",sans-serif;--canvas-bg:#060609;--header-bg:#0a0a0feb}[data-theme=light]{--bg:#f0f0f8;--surface:#fff;--surface2:#eaeaf5;--surface3:#e0e0ef;--border:#c8c8e2;--text:#16162e;--text2:#3e3e62;--text3:#7878a8;--danger:#e5234e;--warn:#b87200;--success:#00a87a;--canvas-bg:#d0d0e4;--header-bg:#f0f0f8f2}[data-theme=light] .badge-accent{background:#5b5ef426}[data-theme=light] .badge-success{background:#00a87a26}[data-theme=light] .btn-secondary{color:#e8e8f0;color:var(--text)}[data-theme=light] .modal-overlay{background:#10102e80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0a0a0f;background:var(--bg);color:#e8e8f0;color:var(--text);font-family:Inter,sans-serif;font-family:var(--sans);font-size:14px;height:100%;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#111118;background:var(--surface)}::-webkit-scrollbar-thumb{background:#2a2a42;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5b5ef4;background:var(--accent)}button{cursor:pointer}.btn,button,input,select,textarea{font-family:Inter,sans-serif;font-family:var(--sans)}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s ease;white-space:nowrap}.btn-primary{background:#5b5ef4;background:var(--accent);border-color:#5b5ef4;border-color:var(--accent);color:#fff}.btn-primary:hover{background:#7072f8;border-color:#7072f8;transform:translateY(-1px)}.btn-secondary{background:#1a1a26;background:var(--surface2);border-color:#2a2a42;border-color:var(--border);color:#e8e8f0;color:var(--text)}.btn-secondary:hover{background:#222235;background:var(--surface3);border-color:#5b5ef4;border-color:var(--accent)}.btn-danger{background:#0000;border-color:#ff4d6d;border-color:var(--danger);color:#ff4d6d;color:var(--danger)}.btn-danger:hover{background:#ff4d6d;background:var(--danger);color:#fff}.btn-success{background:#00d4aa;background:var(--accent3);border-color:#00d4aa;border-color:var(--accent3);color:#000}.btn-success:hover{background:#0eb}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#000}.btn-warning:hover{background:#fbbf24;border-color:#fbbf24}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{background:#1a1a26;background:var(--surface2);border:1px solid #2a2a42;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#9090b0;color:var(--text2);padding:7px;transition:all .15s}.btn-icon:hover{border-color:#5b5ef4;border-color:var(--accent);color:#5b5ef4;color:var(--accent)}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.card{background:#111118;background:var(--surface);border:1px solid #2a2a42;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden}.field{display:flex;flex-direction:column;gap:6px}.field label{color:#9090b0;color:var(--text2);font-family:Space Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{background:#1a1a26;background:var(--surface2);border:1px solid #2a2a42;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#e8e8f0;color:var(--text);font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5b5ef4;border-color:var(--accent)}.field input::placeholder{color:#5a5a7a;color:var(--text3)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 8px}.badge-accent{background:#5b5ef433;color:#5b5ef4;color:var(--accent)}.badge-success{background:#00d4aa26;color:#00d4aa;color:var(--accent3)}.badge-warn{background:#ffb83026;color:#ffb830;color:var(--warn)}.toast{animation:slideIn .25s ease;border-radius:8px;border-radius:var(--radius);bottom:24px;box-shadow:0 8px 32px #0006;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;z-index:9999}.toast-success{background:#00d4aa;background:var(--accent3);color:#000}.toast-error{background:#ff4d6d;background:var(--danger);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:fadeUp .2s ease;background:#111118;background:var(--surface);border:1px solid #2a2a42;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;max-width:480px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2a2a42;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.modal-header h2{font-size:18px;font-weight:800}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:24px}.modal-body>*{flex-shrink:0}.modal-footer{border-top:1px solid #2a2a42;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.maximized{align-items:stretch;padding:0}.modal.maximized{animation:none;border-radius:0;display:flex;flex-direction:column;height:100%;max-width:none!important;width:100%}.modal.maximized .modal-body{flex:1 1;min-height:0;overflow-y:auto}
/*# sourceMappingURL=main.fb6df337.css.map*/