*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{text-align:center;padding:40px 20px 20px}.header h1{color:#1a1a2e;font-size:28px;font-weight:700}.header p{color:#6b7280;margin-top:6px;font-size:15px}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.dropzone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:14px;width:100%;max-width:500px;padding:64px 32px;transition:all .2s}.dropzone:hover{background:#f5f3ff;border-color:#6366f1}.dropzone.active{background:#ede9fe;border-color:#6366f1;transform:scale(1.01)}.dropzone .icon{margin-bottom:12px}.dropzone .icon img{object-fit:contain;border-radius:12%;width:80px;height:80px}.dropzone p:first-of-type{color:#374151;margin-bottom:6px;font-size:17px;font-weight:500}.dropzone p.sub{color:#9ca3af;font-size:13px}.status{text-align:center;padding:40px}.spinner{border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status p{color:#374151;font-size:16px}.result{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:440px;padding:36px 28px;box-shadow:0 2px 16px #0000000f}.result h2{color:#1a1a2e;margin:14px 0;font-size:22px}.result-icon{font-size:42px}.result-icon.success{color:#10b981}.result-icon.error{color:#ef4444;font-weight:700}.stats{background:#f9fafb;border-radius:10px;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;padding:14px;display:grid}.stat{text-align:center}.stat small{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:2px;font-size:11px;display:block}.stat strong{color:#1a1a2e;font-size:22px}.stat .seller{color:#ef4444}.stat .nonseller{color:#10b981}.btn-primary{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:8px;margin:8px 0;padding:11px 22px;font-size:15px;font-weight:500;transition:background .2s;display:inline-block}.btn-primary:hover{background:#4f46e5}.btn-secondary{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;margin:8px 0;padding:9px 20px;font-size:14px;font-weight:500;transition:background .2s;display:inline-block}.btn-secondary:hover{background:#e5e7eb}.error-card{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:440px;padding:36px 28px;box-shadow:0 2px 16px #0000000f}.error-card h2{color:#ef4444;margin:14px 0}.error-msg{color:#ef4444;word-break:break-word;margin-bottom:14px;font-size:14px}footer{text-align:center;color:#9ca3af;border-top:1px solid #e5e7eb;padding:18px;font-size:12px}