.processing-status{text-align:center;padding:2rem}.progress-bar{width:100%;height:12px;background:var(--border);border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:6px;transition:width .3s ease}.progress-text{font-size:1rem;color:var(--text-muted)}.error-message{text-align:center;padding:2rem;background:var(--color-error-subtle);border-radius:12px;color:var(--color-error)}.error-message p{margin-bottom:1rem;font-weight:500}.comparison-container{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.comparison-container{grid-template-columns:1fr 1fr}}.image-panel{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-label{position:absolute;top:.75rem;left:.75rem;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:4px;z-index:10}.preview-image{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.checkerboard{background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.result-panel .preview-image{background:transparent}.action-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.privacy-note{text-align:center;font-size:.875rem;color:var(--text-muted);padding:1rem;background:var(--card-bg);border-radius:8px}.mobile-advisory{text-align:center;font-size:.875rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--color-info-subtle, rgba(59, 130, 246, .1));border:1px solid var(--color-info-border, rgba(59, 130, 246, .2));border-radius:8px;margin-bottom:1rem}.bg-color-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.bg-color-selector label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.bg-options{display:flex;align-items:center;gap:.5rem}.bg-option{width:28px;height:28px;border-radius:6px;border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#333;transition:transform .15s,border-color .15s}.bg-option:hover{transform:scale(1.1)}.bg-option.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle, rgba(59, 130, 246, .2))}.checkerboard-mini{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#fff;width:100%;height:100%;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#333}.color-picker{width:32px;height:28px;border:none;border-radius:4px;cursor:pointer;padding:0}