.sfc-conversion-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sfc-conversion-modal-visible{opacity:1;visibility:visible}.sfc-conversion-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:450px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s}.sfc-conversion-modal-visible .sfc-conversion-modal-content{transform:scale(1)}.sfc-conversion-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sfc-conversion-icon{width:32px;height:32px;fill:none;stroke:#3b82f6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:2s ease-in-out infinite sfc-pulse}@keyframes sfc-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.sfc-conversion-header h3{margin:0;font-size:20px;font-weight:600;color:#111827;line-height:1.4}.sfc-conversion-body{display:flex;flex-direction:column;gap:16px}.sfc-progress-bar{width:100%;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden;position:relative}.sfc-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6 0,#2563eb 100%);border-radius:5px;transition:width .4s;position:relative;overflow:hidden}.sfc-progress-fill::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:1.5s infinite sfc-shimmer}@keyframes sfc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.sfc-progress-text{margin:0;font-size:15px;font-weight:600;color:#374151;text-align:center}.sfc-progress-count{color:#3b82f6}.sfc-progress-total{color:#6b7280}.sfc-progress-file{margin:0;font-size:13px;color:#6b7280;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.sfc-toast{position:fixed;top:24px;right:24px;padding:16px 24px;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.2);font-size:14px;font-weight:500;line-height:1.5;max-width:400px;z-index:100000;transform:translateX(500px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);display:flex;align-items:center;gap:12px}.sfc-toast-visible{transform:translateX(0)}.sfc-toast::before{content:'';width:20px;height:20px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.sfc-toast-success{border-left:4px solid #10b981;color:#065f46;background:linear-gradient(135deg,#f0fdf4,#fff)}.sfc-toast-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E")}.sfc-toast-error{border-left:4px solid #ef4444;color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fff)}.sfc-toast-error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E")}.sfc-toast-info{border-left:4px solid #3b82f6;color:#1e40af;background:linear-gradient(135deg,#eff6ff,#fff)}.sfc-toast-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E")}.sfc-webp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 8px rgba(16,185,129,.3);transition:transform .2s,box-shadow .2s}.sfc-webp-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.sfc-webp-badge::before{content:'✓';font-size:12px;font-weight:700}.sfc-file-item{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;transition:.3s}.sfc-file-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.05)}.sfc-file-item-converted{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4 0,#fff 100%)}.sfc-file-item-converted:hover{border-color:#059669;box-shadow:0 4px 16px rgba(16,185,129,.15)}.sfc-file-savings{position:absolute;top:10px;right:12px;font-size:11px;color:#059669;font-weight:700;background:rgba(240,253,244,.9);padding:3px 8px;border-radius:5px;border:1px solid #10b981}.sfc-file-thumb{width:50px;height:50px;border-radius:6px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.sfc-file-info{flex:1;min-width:0}.sfc-file-name{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfc-file-size{font-size:12px;color:#6b7280;margin:0}.sfc-file-actions{display:flex;gap:8px}.sfc-processing-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:13px;font-weight:500}.sfc-processing-spinner{width:16px;height:16px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:.8s linear infinite sfc-spin}@keyframes sfc-spin{to{transform:rotate(360deg)}}.sfc-conversion-stats{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #10b981;border-radius:10px;margin:16px 0}.sfc-conversion-stats-icon{width:32px;height:32px;background:#10b981;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.sfc-conversion-stats-content{flex:1}.sfc-conversion-stats-title{font-size:13px;font-weight:600;color:#065f46;margin:0 0 4px}.sfc-conversion-stats-details{font-size:12px;color:#047857;margin:0}@media (max-width:640px){.sfc-conversion-modal-content{padding:24px;width:95%}.sfc-conversion-header h3{font-size:18px}.sfc-toast{right:12px;left:12px;max-width:none;top:12px}.sfc-file-item{flex-direction:column;align-items:flex-start}.sfc-file-savings{position:static;margin-top:8px}}@media (prefers-color-scheme:dark){.sfc-conversion-modal{background:rgba(0,0,0,.8)}.sfc-conversion-modal-content{background:#1f2937;box-shadow:0 20px 60px rgba(0,0,0,.6)}.sfc-conversion-header h3{color:#f9fafb}.sfc-progress-bar{background:#374151}.sfc-progress-text{color:#d1d5db}.sfc-progress-file{color:#9ca3af}.sfc-toast{background:#1f2937;box-shadow:0 10px 40px rgba(0,0,0,.5)}.sfc-file-item{background:#1f2937;border-color:#374151}.sfc-file-name{color:#f9fafb}.sfc-file-size{color:#9ca3af}}@media print{.sfc-conversion-modal,.sfc-toast,.sfc-webp-badge{display:none!important}}