:root{--eui-bg:#fff;--eui-bg-subtle:#f9fafb;--eui-bg-hover:#eff6ff;--eui-text:#1f2937;--eui-text-muted:#6b7280;--eui-text-disabled:#9ca3af;--eui-text-on-primary:#fff;--eui-border:#d1d5db;--eui-border-subtle:#e5e7eb;--eui-primary:#3b82f6;--eui-primary-hover:#2563eb;--eui-primary-subtle:#dbeafe;--eui-primary-border:#bfdbfe;--eui-shadow:0 4px 16px 0 #0000001f;--eui-font-family:"Inter", system-ui, -apple-system, sans-serif;--eui-radius-sm:.25rem;--eui-radius-md:.375rem}[class*=eui-]{scrollbar-width:thin;scrollbar-color:var(--eui-border) transparent}[class*=eui-]::-webkit-scrollbar{width:6px;height:6px}[class*=eui-]::-webkit-scrollbar-track{background:0 0}[class*=eui-]::-webkit-scrollbar-thumb{background-color:var(--eui-border);border-radius:3px}[class*=eui-]::-webkit-scrollbar-thumb:hover{background-color:var(--eui-text-muted)}[class*=eui-]::-webkit-scrollbar-corner{background:0 0}body.mode-dark{--eui-bg:#1f2937;--eui-bg-subtle:#111827;--eui-bg-hover:#1e3a5f;--eui-text:#e5e7eb;--eui-text-muted:#9ca3af;--eui-text-disabled:#6b7280;--eui-text-on-primary:#fff;--eui-border:#4b5563;--eui-border-subtle:#374151;--eui-primary:#2563eb;--eui-primary-hover:#3b82f6;--eui-primary-subtle:#1e3a5f;--eui-primary-border:#1d4ed8;--eui-shadow:0 4px 16px 0 #0006}.eui-image-editor{font-family:var(--eui-font-family);color:var(--eui-text);background-color:var(--eui-bg);border:1px solid var(--eui-border);border-radius:var(--eui-radius-md);flex-direction:column;display:flex;overflow:hidden}.eui-image-editor.eui-image-editor-loading{justify-content:center;align-items:center;display:flex}.eui-image-editor-spinner{border:3px solid var(--eui-border);border-top-color:var(--eui-primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite euiEditorSpin}@keyframes euiEditorSpin{to{transform:rotate(360deg)}}.eui-image-editor-toolbar{border-bottom:1px solid var(--eui-border-subtle);background-color:var(--eui-bg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.eui-image-editor-tools{flex-wrap:wrap;gap:.25rem;display:flex}.eui-image-editor-tool-btn{appearance:none;cursor:pointer;border-radius:var(--eui-radius-sm);color:var(--eui-text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.eui-image-editor-tool-btn svg{flex-shrink:0;width:1rem;height:1rem}.eui-image-editor-tool-btn:hover{color:var(--eui-text);background-color:var(--eui-bg-hover)}.eui-image-editor-tool-btn.active{color:var(--eui-primary);background-color:var(--eui-primary-subtle);border-color:var(--eui-primary-border)}.eui-image-editor-tool-btn:focus-visible{outline:2px solid var(--eui-primary)}.eui-image-editor-tool-label{text-transform:capitalize}@media (width<=640px){.eui-image-editor-tool-label{display:none}}.eui-image-editor-actions{align-items:center;gap:.375rem;display:flex}.eui-image-editor-action-btn{appearance:none;border:1px solid var(--eui-border);cursor:pointer;border-radius:var(--eui-radius-sm);color:var(--eui-text-muted);background:0 0;align-items:center;gap:.25rem;padding:.3rem .5rem;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.eui-image-editor-action-btn svg{width:.875rem;height:.875rem}.eui-image-editor-action-btn:hover:not(:disabled){color:var(--eui-text);background-color:var(--eui-bg-hover);border-color:var(--eui-primary)}.eui-image-editor-action-btn:disabled{opacity:.4;cursor:not-allowed}.eui-image-editor-action-btn.active{color:var(--eui-primary);border-color:var(--eui-primary);background-color:var(--eui-primary-subtle)}.eui-image-editor-action-btn:focus-visible{outline:2px solid var(--eui-primary)}.eui-image-editor-apply-btn{background-color:var(--eui-primary);color:var(--eui-text-on-primary);border-color:var(--eui-primary)}.eui-image-editor-apply-btn:hover:not(:disabled){background-color:var(--eui-primary-hover);color:var(--eui-text-on-primary)}.eui-image-editor-zoom-controls{border-left:1px solid var(--eui-border-subtle);border-right:1px solid var(--eui-border-subtle);align-items:center;gap:.25rem;padding:0 .375rem;display:flex}.eui-image-editor-zoom-value{color:var(--eui-text-muted);text-align:center;min-width:2.5rem;font-size:.7rem}.eui-image-editor-tool-options{border-bottom:1px solid var(--eui-border-subtle);background-color:var(--eui-bg);flex-wrap:wrap;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.eui-image-editor-option-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eui-image-editor-option-label{color:var(--eui-text-muted);white-space:nowrap;font-size:.75rem;font-weight:500}.eui-image-editor-option-value{color:var(--eui-text);text-align:center;min-width:2rem;font-size:.75rem;font-weight:600}.eui-image-editor-crop-modes{flex-wrap:wrap;gap:.25rem;display:flex}.eui-image-editor-crop-mode-btn{appearance:none;border:1px solid var(--eui-border);cursor:pointer;border-radius:var(--eui-radius-sm);color:var(--eui-text-muted);text-transform:capitalize;background:0 0;padding:.2rem .5rem;font-family:inherit;font-size:.7rem;transition:all .15s}.eui-image-editor-crop-mode-btn:hover{border-color:var(--eui-primary);color:var(--eui-text)}.eui-image-editor-crop-mode-btn.active{background-color:var(--eui-primary);color:var(--eui-text-on-primary);border-color:var(--eui-primary)}.eui-image-editor-range{width:120px;height:4px;accent-color:var(--eui-primary);cursor:pointer}.eui-image-editor-color-input{border:1px solid var(--eui-border);border-radius:var(--eui-radius-sm);cursor:pointer;background:0 0;width:1.75rem;height:1.75rem;padding:0}.eui-image-editor-canvas-container{background-color:#1a1a2e;background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.eui-image-editor-canvas{object-fit:contain;cursor:crosshair;max-width:100%;max-height:100%}.eui-image-editor-annotation-canvas{pointer-events:none;position:absolute}.eui-image-editor-footer{border-top:1px solid var(--eui-border-subtle);background-color:var(--eui-bg-subtle);padding:.625rem .75rem}.eui-image-editor-footer-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.eui-image-editor-export-options{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.eui-image-editor-select{border:1px solid var(--eui-border);border-radius:var(--eui-radius-sm);background-color:var(--eui-bg);color:var(--eui-text);cursor:pointer;padding:.3rem .5rem;font-family:inherit;font-size:.75rem}.eui-image-editor-select:focus{border-color:var(--eui-primary);outline:none}.eui-image-editor-quality{color:var(--eui-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.eui-image-editor-size-opts{gap:.375rem;display:flex}.eui-image-editor-number-input{border:1px solid var(--eui-border);border-radius:var(--eui-radius-sm);background-color:var(--eui-bg);width:80px;color:var(--eui-text);padding:.3rem .5rem;font-family:inherit;font-size:.75rem}.eui-image-editor-number-input::placeholder{color:var(--eui-text-disabled)}.eui-image-editor-number-input:focus{border-color:var(--eui-primary);outline:none}.eui-image-editor-save-btn{appearance:none;background-color:var(--eui-primary);color:var(--eui-text-on-primary);border-radius:var(--eui-radius-sm);cursor:pointer;border:none;padding:.375rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background-color .15s}.eui-image-editor-save-btn:hover{background-color:var(--eui-primary-hover)}.eui-image-editor-save-btn:focus-visible{outline:2px solid var(--eui-primary);outline-offset:2px}.eui-image-editor-cancel-btn{appearance:none;border:1px solid var(--eui-border);border-radius:var(--eui-radius-sm);color:var(--eui-text-muted);cursor:pointer;background:0 0;padding:.375rem 1rem;font-family:inherit;font-size:.8125rem;transition:all .15s}.eui-image-editor-cancel-btn:hover{color:var(--eui-text);border-color:var(--eui-text-muted)}.eui-image-editor-cancel-btn:focus-visible{outline:2px solid var(--eui-primary);outline-offset:2px}@media (width<=640px){.eui-image-editor-toolbar{padding:.375rem}.eui-image-editor-tool-options{padding:.375rem .5rem}.eui-image-editor-export-options{flex-direction:column;align-items:stretch;gap:.5rem}.eui-image-editor-size-opts{flex-direction:column}.eui-image-editor-number-input{width:100%}}