:root{--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-accent:#f59e0b;--color-success:#22c55e;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#3b82f6;--text-primary:#1f2937;--text-primary-50:rgba(31, 41, 55, 0.5019607843);--text-secondary:#6b7280;--bg-primary:#ffffff;--bg-primary-50:rgba(255, 255, 255, 0.5019607843);--bg-secondary:#f9fafb;--bg-secondary-50:rgba(249, 250, 251, 0.5019607843);--card-bg:#fbfcfd;--bg-tertiary:#f3f4f6;--bg-tertiary-50:#f3f4f680;--border-color:#e5e7eb;--shadow-light:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-medium:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-heavy:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--font-primary:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--font-mono:SF Mono,Monaco,Cascadia Code,Roboto Mono,Courier New,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:0.15s ease-in-out;--transition-medium:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--container-width:1280px;--app-content-width:1280px;--header-height:0px;--header-height-visible:0px}@media (prefers-color-scheme:dark){:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--text-primary:#f3f4f6;--text-primary-50:rgba(243, 244, 246, 0.5019607843);--text-secondary:#d1d5db;--bg-primary:#1f2937;--bg-primary-50:rgba(31, 41, 55, 0.5019607843);--bg-secondary:#111827;--bg-secondary-50:rgba(17, 24, 39, 0.5019607843);--card-bg:#1a2534;--bg-tertiary:#374151;--bg-tertiary-50:#37415180;--border-color:#4b5563}}.file-upload-label{display:block;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.file-upload-area{border:2px dashed var(--border-color);border-radius:.5rem;padding:2rem;text-align:center;transition:.3s ease-in-out;background-color:var(--bg-secondary)}.file-upload-area:hover,.file-upload-label:focus-within .file-upload-area{border-color:var(--color-primary);background-color:var(--bg-tertiary);outline:0}.file-upload-label:focus-within .file-upload-area{box-shadow:0 0 0 3px rgba(14,165,233,.35)}.file-upload-area.drag-over{border-color:var(--color-accent);background-color:var(--bg-tertiary);transform:scale(1.02)}.image-preview-container{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:var(--bg-secondary);border-radius:.5rem;overflow:hidden;background-image:linear-gradient(45deg,var(--bg-tertiary) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-tertiary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-tertiary) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-tertiary) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,10px 0}.image-preview-container img{max-width:100%;max-height:400px;object-fit:contain;border-radius:.5rem}.metadata-list{display:flex;flex-direction:column;gap:0}.metadata-row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--border-color);gap:1rem}.metadata-row:last-child{border-bottom:none}.metadata-label{font-weight:600;color:var(--text-secondary);min-width:140px;flex-shrink:0;font-size:.9rem}.metadata-value{color:var(--text-primary);text-align:right;word-break:break-word}.resize-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.resize-row label{display:flex;flex-direction:column;gap:.25rem}.resize-row .checkbox-label{flex-direction:row;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-secondary)}.resize-row .number-input{width:7rem}.text-error{color:var(--color-danger,#dc2626)}