/* Basic reset */
.jpg2png-wrapper { max-width: 480px; margin: 18px auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background: #ffffff; padding: 18px; border-radius: 12px; box-shadow: 0 6px 18px rgba(17,17,17,0.06); color: #222; }
.jpg2png-title { font-size: 18px; margin: 0 0 12px; display:flex; gap:8px; align-items:center; }
.jpg2png-title i { color: #2b7cff; }

/* File label as a custom button */
.jpg2png-filelabel { display: block; cursor: pointer; padding: 12px; border: 1px dashed #e2e8f0; border-radius: 10px; text-align: center; transition: border-color .15s, background .15s; background: #fbfdff; }
.jpg2png-filelabel:hover { border-color: #cbd5e1; }
.jpg2png-filelabel input[type="file"] { display: none; }
.jpg2png-filetext { display: inline-block; font-size: 14px; color: #0f172a; }
.jpg2png-filetext i { margin-right: 8px; }

/* Controls */
.jpg2png-controls { margin-top: 12px; display:flex; gap:8px; justify-content:flex-start; align-items:center; }
.jpg2png-btn { padding: 10px 14px; border-radius: 10px; border: 0; background: #2b7cff; color: #fff; font-weight: 600; cursor: pointer; box-shadow: 0 6px 14px rgba(43,124,255,0.12); display: inline-flex; gap:8px; align-items:center; }
.jpg2png-btn:disabled { opacity: 0.7; cursor: not-allowed; }

/* Preview & result */
.jpg2png-preview { margin-top: 14px; text-align: center; }
.jpg2png-preview img { max-width: 100%; height: auto; border-radius: 8px; display:block; margin: 0 auto; box-shadow: 0 8px 24px rgba(12,12,20,0.05); }

.jpg2png-result { margin-top: 12px; text-align:center; }
.jpg2png-download { display: inline-flex; gap:8px; align-items:center; padding: 10px 14px; border-radius: 10px; background: #10b981; color: #fff; text-decoration:none; font-weight:600; }
.jpg2png-download i { font-size: 14px; }
.jpg2png-error { color: #b91c1c; background: #fff1f2; display:inline-block; padding: 8px 10px; border-radius:8px; font-size:13px; }

/* Responsive */
@media (max-width: 520px) {
    .jpg2png-wrapper { padding: 14px; margin: 12px; }
    .jpg2png-title { font-size: 16px; }
    .jpg2png-btn, .jpg2png-download { width: 100%; justify-content:center; }
}