/* ── Reset & base ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
.ifc-container{max-width:900px;margin:0 auto;padding:32px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111}
.ifc-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.07),0 4px 20px rgba(0,0,0,.06)}

/* ── Header ────────────────────────────────────────────────────── */
.ifc-header{margin-bottom:28px}
.ifc-title{font-size:1.65rem;font-weight:700;margin:0 0 6px;color:#111;letter-spacing:-.02em}
.ifc-subtitle{font-size:.92rem;color:#666;margin:0}

/* ── Options bar ───────────────────────────────────────────────── */
.ifc-options-bar{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;background:#f8f8f8;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.ifc-option-label{display:block;font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.ifc-format-pills{display:flex;gap:6px;flex-wrap:wrap}
.ifc-pill{padding:6px 14px;border-radius:20px;border:1.5px solid #ddd;background:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;color:#444;letter-spacing:.01em}
.ifc-pill:hover{border-color:#aaa;color:#111}
.ifc-pill.active{background:#111;color:#fff;border-color:#111}

/* ── Quality slider ────────────────────────────────────────────── */
.ifc-quality-group{min-width:160px}
#ifc-quality-slider{width:100%;accent-color:#111;height:4px;cursor:pointer;margin-top:4px}
#ifc-quality-value{font-weight:700;color:#111}

/* ── Resize row ────────────────────────────────────────────────── */
.ifc-resize-row{display:flex;align-items:center;gap:8px}
.ifc-resize-row input{width:80px;padding:7px 10px;border:1.5px solid #ddd;border-radius:8px;font-size:.85rem;color:#111;background:#fff;transition:border-color .15s}
.ifc-resize-row input:focus{outline:none;border-color:#111}
.ifc-resize-x{font-size:.85rem;color:#aaa;font-weight:500}
.ifc-lock-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#aaa;transition:all .15s;flex-shrink:0}
.ifc-lock-btn.active{background:#111;border-color:#111;color:#fff}

/* ── Drop zone ─────────────────────────────────────────────────── */
.ifc-drop-zone{border:1.5px dashed #d0d0d0;border-radius:12px;padding:40px 24px;margin-bottom:16px;transition:border-color .15s,background .15s;cursor:pointer}
.ifc-drop-zone:hover,.ifc-drop-zone.ifc-drag-over{background:#f9f9f9;border-color:#999}
.ifc-drop-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ifc-drop-icon{width:56px;height:56px;background:#f0f0f0;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#777;margin-bottom:4px}
.ifc-drop-label{font-size:.95rem;font-weight:600;color:#222;margin:0}
.ifc-drop-hint{font-size:.8rem;color:#aaa;margin:0}
.ifc-drop-divider{display:flex;align-items:center;gap:10px;width:100%;max-width:200px;margin:4px 0}
.ifc-drop-divider hr{flex:1;border:none;border-top:1px solid #e4e4e4;margin:0}
.ifc-drop-divider span{font-size:.75rem;color:#ccc}
.ifc-btn-upload{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:#111;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}
.ifc-btn-upload:hover{opacity:.82}

/* ── Messaggi ──────────────────────────────────────────────────── */
.ifc-message{display:none;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.875rem;font-weight:500}
.ifc-error{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}
.ifc-success{background:#f0fff4;color:#276749;border:1px solid #c6f6d5}

/* ── File section ──────────────────────────────────────────────── */
.ifc-file-section{display:none;margin-bottom:20px}
.ifc-file-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ifc-file-header span{font-size:.85rem;font-weight:600;color:#555}
.ifc-file-actions{display:flex;gap:12px}
.ifc-text-btn{background:none;border:none;font-size:.82rem;color:#888;cursor:pointer;padding:0;transition:color .12s;font-weight:500}
.ifc-text-btn:hover{color:#111}

/* ── File grid ─────────────────────────────────────────────────── */
.ifc-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.ifc-file-card{background:#f8f8f8;border-radius:10px;overflow:hidden;border:1.5px solid #eee;transition:border-color .15s;position:relative}
.ifc-file-card:hover{border-color:#ccc}
.ifc-file-card.ifc-done{border-color:#68d391}
.ifc-file-card.ifc-error-card{border-color:#fc8181}
.ifc-card-thumb{width:100%;height:110px;object-fit:cover;display:block;background:#eee}
.ifc-card-body{padding:10px 12px}
.ifc-card-name{font-size:.78rem;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.ifc-card-meta{font-size:.72rem;color:#aaa;display:flex;justify-content:space-between}
.ifc-card-size-new{color:#68d391;font-weight:600}
.ifc-card-status{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}
.ifc-card-status.pending{background:rgba(0,0,0,.35);color:#fff}
.ifc-card-status.processing{background:#f6ad55;color:#fff;animation:ifc-pulse .8s ease-in-out infinite}
.ifc-card-status.done{background:#48bb78;color:#fff}
.ifc-card-status.error{background:#fc8181;color:#fff}
.ifc-card-remove{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.4);border:none;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.75rem;transition:background .12s}
.ifc-file-card:hover .ifc-card-remove{display:flex}
.ifc-card-remove:hover{background:rgba(0,0,0,.7)}
.ifc-card-download{display:none;width:100%;padding:7px 0;background:#111;color:#fff;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .12s;border-radius:0 0 8px 8px;letter-spacing:.02em}
.ifc-card-download:hover{opacity:.82}
.ifc-file-card.ifc-done .ifc-card-download{display:block}
@keyframes ifc-pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── Convert bar ───────────────────────────────────────────────── */
.ifc-convert-bar{display:none;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.ifc-progress-wrap{flex:1;display:flex;align-items:center;gap:12px;min-width:160px}
.ifc-progress-track{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}
.ifc-progress-fill{height:100%;background:#111;border-radius:3px;width:0;transition:width .3s ease}
.ifc-progress-label{font-size:.78rem;font-weight:600;color:#888;white-space:nowrap}
.ifc-convert-actions{display:flex;gap:10px}
.ifc-btn-convert{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#111;color:#fff;border:none;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}
.ifc-btn-convert:hover:not(:disabled){opacity:.82}
.ifc-btn-convert:disabled{opacity:.35;cursor:not-allowed}
.ifc-btn-download-all{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#fff;color:#111;border:1.5px solid #ddd;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}
.ifc-btn-download-all:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}
.ifc-btn-download-all:disabled{opacity:.35;cursor:not-allowed}

/* ── Info strip ────────────────────────────────────────────────── */
.ifc-info-strip{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:8px}
.ifc-info-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#aaa}
.ifc-info-item svg{flex-shrink:0;color:#ccc}

/* ── Footer ────────────────────────────────────────────────────── */
.ifc-footer{text-align:center;padding-top:24px;margin-top:28px;border-top:1px solid #f0f0f0;font-size:.75rem;color:#ccc}

/* ── Responsive ────────────────────────────────────────────────── */
@media(max-width:700px){
  .ifc-content{padding:24px 18px}
  .ifc-options-bar{grid-template-columns:1fr;gap:16px}
  .ifc-file-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
  .ifc-convert-bar{flex-direction:column;align-items:stretch}
  .ifc-convert-actions{flex-direction:column}
  .ifc-info-strip{flex-direction:column;gap:10px}
}