.image-viewer-tool .iv-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem}.dark .image-viewer-tool .iv-card{background:#0f172a52;border-color:#47556973}.image-viewer-tool .iv-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.625rem}.dark .image-viewer-tool .iv-section-title{color:#f3f4f6}.image-viewer-tool .iv-pill{align-items:center;background:#f973161f;border-radius:9999px;color:#c2410c;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2rem;padding:.25rem .875rem}.dark .image-viewer-tool .iv-pill{background:#7c2d125c;color:#fed7aa}.image-viewer-tool .iv-btn{align-items:center;border:1px solid transparent;border-radius:.875rem;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;transition:all .2s ease}.image-viewer-tool .iv-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.image-viewer-tool .iv-btn:not(:disabled):hover{transform:translateY(-1px)}.image-viewer-tool .iv-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 24px #f973162e;color:#fff}.dark .image-viewer-tool .iv-btn-primary{box-shadow:0 14px 28px #ea580c3d}.image-viewer-tool .iv-btn-secondary{background:#fff;border-color:#fdba72b3;color:#c2410c}.image-viewer-tool .iv-btn-secondary:not(:disabled):hover{background:#fff7ed}.dark .image-viewer-tool .iv-btn-secondary{background:#0f172aeb;border-color:#f9731673;color:#ffedd5}.dark .image-viewer-tool .iv-btn-secondary:not(:disabled):hover{background:#334155e0}.image-viewer-tool .iv-btn-ghost{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.image-viewer-tool .iv-btn-ghost:not(:disabled):hover{background:#e5e7eb}.dark .image-viewer-tool .iv-btn-ghost{background:#1e293bd9;border-color:#475569b3;color:#e2e8f0}.dark .image-viewer-tool .iv-btn-ghost:not(:disabled):hover{background:#334155e6}.image-viewer-tool .iv-dropzone{background:linear-gradient(135deg,#fff7ed,#ffedd58c);border:2px dashed rgba(251,146,60,.75);border-radius:1rem;cursor:pointer;padding:1.5rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.dark .image-viewer-tool .iv-dropzone{background:#0f172a47;border-color:#f9731680}.image-viewer-tool .iv-dropzone.is-dragging{border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.image-viewer-tool .iv-dropzone-icon{align-items:center;background:#ffedd5;border-radius:9999px;color:#ea580c;display:inline-flex;height:3rem;justify-content:center;width:3rem}.dark .image-viewer-tool .iv-dropzone-icon{background:#7c2d1273;color:#ffedd5}.image-viewer-tool .iv-format-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.image-viewer-tool .iv-format-chip{align-items:center;background:#ffffffeb;border:1px solid rgba(251,191,36,.34);border-radius:9999px;color:#78350f;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2rem;padding:.25rem .75rem}.dark .image-viewer-tool .iv-format-chip{background:#1e293bd6;border-color:#f9731652;color:#fed7aa}.image-viewer-tool .iv-status-text{background:#fff7edb8;border:1px solid hsla(31,97%,72%,.45);border-radius:.875rem;color:#9a3412;font-size:.875rem;line-height:1.6;min-height:2.75rem;padding:.875rem 1rem}.image-viewer-tool .iv-status-text.hidden{display:none}.dark .image-viewer-tool .iv-status-text{background:#7c2d123d;border-color:#f9731647;color:#ffedd5}.image-viewer-tool .iv-list-empty,.image-viewer-tool .iv-preview-empty{align-items:center;background:linear-gradient(180deg,#fff7ede0,#ffffffeb);border:1px dashed rgba(251,146,60,.45);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;min-height:16rem;padding:1.5rem;text-align:center}.image-viewer-tool .iv-list-empty.hidden,.image-viewer-tool .iv-preview-empty.hidden{display:none}.dark .image-viewer-tool .iv-list-empty,.dark .image-viewer-tool .iv-preview-empty{background:linear-gradient(180deg,#1e293bbd,#0f172ab8);border-color:#f9731673}.image-viewer-tool .iv-preview-stage{align-items:center;background-image:linear-gradient(45deg,#f3f4f6 25%,transparent 0),linear-gradient(-45deg,#f3f4f6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f3f4f6 0),linear-gradient(-45deg,transparent 75%,#f3f4f6 0);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #e5e7eb;border-radius:1rem;display:flex;justify-content:center;min-height:24rem;overflow:hidden;padding:1rem}.dark .image-viewer-tool .iv-preview-stage{background-image:linear-gradient(45deg,rgba(51,65,85,.9) 25%,transparent 0),linear-gradient(-45deg,rgba(51,65,85,.9) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(51,65,85,.9) 0),linear-gradient(-45deg,transparent 75%,rgba(51,65,85,.9) 0);border-color:#4b5563}.image-viewer-tool .iv-preview-image{border-radius:.875rem;display:block;max-height:32rem;max-width:100%}.image-viewer-tool .iv-preview-placeholder{color:#6b7280;display:none;font-size:.875rem;line-height:1.7;max-width:28rem;text-align:center}.dark .image-viewer-tool .iv-preview-placeholder{color:#d1d5db}.image-viewer-tool .iv-meta-card,.image-viewer-tool .iv-metric-card,.image-viewer-tool .iv-queue-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem}.dark .image-viewer-tool .iv-meta-card,.dark .image-viewer-tool .iv-metric-card,.dark .image-viewer-tool .iv-queue-item{background:#0f172a57;border-color:#47556999}.image-viewer-tool .iv-meta-card,.image-viewer-tool .iv-metric-card{padding:1rem}.image-viewer-tool .iv-item-path,.image-viewer-tool .iv-item-subline,.image-viewer-tool .iv-meta-label,.image-viewer-tool .iv-metric-label{color:#6b7280;font-size:.875rem;line-height:1.6}.dark .image-viewer-tool .iv-item-path,.dark .image-viewer-tool .iv-item-subline,.dark .image-viewer-tool .iv-meta-label,.dark .image-viewer-tool .iv-metric-label{color:#94a3b8}.image-viewer-tool .iv-item-title,.image-viewer-tool .iv-meta-value,.image-viewer-tool .iv-metric-value{color:#1f2937;font-size:1rem;font-weight:700;line-height:1.6;margin-top:.375rem}.dark .image-viewer-tool .iv-item-title,.dark .image-viewer-tool .iv-meta-value,.dark .image-viewer-tool .iv-metric-value{color:#f3f4f6}.image-viewer-tool .iv-queue-list{display:grid;gap:.875rem}.image-viewer-tool .iv-queue-item{cursor:pointer;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.image-viewer-tool .iv-queue-item:hover{transform:translateY(-1px)}.image-viewer-tool .iv-queue-item.is-active{border-color:#f97316d9;box-shadow:0 0 0 3px #f973161f}.dark .image-viewer-tool .iv-queue-item.is-active{box-shadow:0 0 0 3px #f9731633}.image-viewer-tool .iv-queue-main{align-items:flex-start;display:flex;gap:1rem}.image-viewer-tool .iv-thumb{align-items:center;background-image:linear-gradient(45deg,#f3f4f6 25%,transparent 0),linear-gradient(-45deg,#f3f4f6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f3f4f6 0),linear-gradient(-45deg,transparent 75%,#f3f4f6 0);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #e5e7eb;border-radius:.875rem;display:flex;flex-shrink:0;height:5rem;justify-content:center;overflow:hidden;width:5rem}.dark .image-viewer-tool .iv-thumb{background-image:linear-gradient(45deg,rgba(51,65,85,.9) 25%,transparent 0),linear-gradient(-45deg,rgba(51,65,85,.9) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(51,65,85,.9) 0),linear-gradient(-45deg,transparent 75%,rgba(51,65,85,.9) 0);border-color:#47556999}.image-viewer-tool .iv-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-viewer-tool .iv-thumb-icon{color:#f97316;font-size:1.25rem}.image-viewer-tool .iv-item-body{flex:1;min-width:0}.image-viewer-tool .iv-item-path,.image-viewer-tool .iv-item-title{word-break:break-all}.image-viewer-tool .iv-item-status{align-items:center;border:1px solid transparent;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2rem;padding:.25rem .75rem}.image-viewer-tool .iv-item-status--pending{background:#ffedd5;border-color:#fb923c73;color:#9a3412}.image-viewer-tool .iv-item-status--ready{background:#f0fdf4;border-color:#22c55e5c;color:#15803d}.image-viewer-tool .iv-item-status--error{background:#fef2f2;border-color:#ef444452;color:#b91c1c}.dark .image-viewer-tool .iv-item-status--pending{background:#7c2d1259;border-color:#f9731666;color:#fed7aa}.dark .image-viewer-tool .iv-item-status--ready{background:#14532d59;border-color:#22c55e5c;color:#dcfce7}.dark .image-viewer-tool .iv-item-status--error{background:#7f1d1d59;border-color:#ef44445c;color:#fee2e2}@media (max-width:768px){.image-viewer-tool .iv-preview-stage{min-height:18rem}.image-viewer-tool .iv-queue-main{flex-direction:column}.image-viewer-tool .iv-thumb{height:7rem;max-width:7rem;width:100%}}