.file-input{background:#fff6;padding:.5rem}.file-input::file-selector-button{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;margin-right:1rem;padding:.5rem 1rem}.file-input::file-selector-button:hover{background:var(--primary-hover)}.progress-indicator{border-radius:var(--border-radius-md);color:var(--primary-color);text-align:center;background:#6366f11a;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:500}.btn-secondary{text-align:center;background:var(--card-border);color:var(--text-main);border:1px solid var(--card-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast);margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;display:block}.btn-secondary:hover{background:#0000000d}.image-preview-box{aspect-ratio:1;border:1px dashed var(--card-border);border-radius:var(--border-radius-lg);background:#f8fafc;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.preview-img{object-fit:contain;max-width:100%;max-height:100%}.result-img{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(135deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(135deg,#0000 75%,#ccc 75%);background-position:0 0,10px 0,10px -10px,0 10px;background-size:20px 20px}