/* AVIFC Full (freeconvert-like) UI */
.avifc-app{max-width:1100px;margin:18px auto;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111}
.avifc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.avifc-title{font-size:22px;font-weight:800;line-height:1.2}
.avifc-subtitle{font-size:13px;color:#555;margin-top:4px}
.avifc-quota{font-size:13px;color:#222;background:#f6f6f6;border:1px solid #e7e7e7;border-radius:999px;padding:8px 10px;min-height:18px}

.avifc-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:12px}
.avifc-panel{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.03);padding:14px}
.avifc-dropzone{grid-column:1/2}
.avifc-controls{grid-column:2/3;grid-row:1/3}
.avifc-files{grid-column:1/2}

.avifc-drop-inner{border:2px dashed #d5d5d5;border-radius:16px;padding:18px;text-align:center;transition:.15s ease;background:linear-gradient(180deg,#fff,#fafafa)}
.avifc-drop-inner.avifc-over{border-color:#111;transform:translateY(-1px)}
.avifc-drop-icon{font-size:28px}
.avifc-drop-strong{font-weight:800;margin-top:6px}
.avifc-drop-muted{font-size:12px;color:#777;margin-top:2px}
.avifc-drop-foot{font-size:12px;color:#666;margin-top:10px}
.avifc-file-input{display:none}

.avifc-section-title{font-weight:800;font-size:14px;margin-bottom:10px}
.avifc-field{display:grid;gap:6px;margin-bottom:12px}
.avifc-field label{font-size:12px;color:#333;font-weight:700}
.avifc-hint{font-size:12px;color:#777;font-weight:500;margin-left:6px}
.avifc-inline{display:flex;gap:8px}
.avifc-inline input{width:100%}
.avifc-pill{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:6px}

.avifc-actions{display:flex;gap:10px;margin-top:4px}
.avifc-btn{border:1px solid #111;border-radius:12px;padding:10px 12px;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.avifc-btn-primary{background:#111;color:#fff}
.avifc-btn-secondary{background:#fff;color:#111}
.avifc-btn-ghost{background:#f7f7f7;border-color:#e3e3e3;color:#111}
.avifc-btn:disabled{opacity:.6;cursor:not-allowed}

.avifc-status{margin-top:12px;border-top:1px dashed #e8e8e8;padding-top:12px}
.avifc-status-line{font-size:13px;color:#222;min-height:18px}
.avifc-progress-wrap{width:100%;height:10px;border-radius:999px;background:#eee;overflow:hidden;margin-top:10px}
.avifc-progress{height:10px;width:0%;background:#111;transition:width .2s ease}
.avifc-result{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

.avifc-files-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.avifc-meta{font-size:12px;color:#666}

.avifc-filelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width: 900px){
  .avifc-grid{grid-template-columns:1fr}
  .avifc-controls{grid-column:1/2;grid-row:auto}
  .avifc-dropzone,.avifc-files{grid-column:1/2}
  .avifc-filelist{grid-template-columns:1fr}
}
.avifc-filecard{border:1px solid #eee;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.avifc-fileinfo{min-width:0}
.avifc-filename{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.avifc-filesize{font-size:12px;color:#666;margin-top:2px}
.avifc-remove{border:1px solid #e3e3e3;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800;font-size:12px}
.avifc-badge{font-size:11px;font-weight:800;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:999px;padding:4px 8px}
.avifc-footer{margin:10px 2px 0}
.avifc-footnote{font-size:12px;color:#777}