/* BEZ File changer (converter/index.html) */
[hidden]{display:none!important}
.fc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.fc-tab{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:9px 16px;font:inherit;font-weight:750;cursor:pointer}
.fc-tab:hover{border-color:var(--accent)}
.fc-tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent-hover);color:#fff}
.fc-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}

/* Drop zone: a <label> for the hidden file input, so it works with keyboard and taps */
.fc-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:2px dashed var(--line2);border-radius:16px;padding:30px 16px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.fc-drop:hover,.fc-drop.on{border-color:var(--accent);background:#eef4fb}
.fc-drop strong{font-size:1.05rem}
.fc-drop .muted{margin:0;font-size:.88rem}
.fc-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fc-file:focus-visible + .fc-drop{outline:3px solid rgba(29,111,216,.35);outline-offset:3px}

.fc-list{display:grid;gap:8px;margin-top:14px}
.fc-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.fc-thumb{width:48px;height:48px;border-radius:8px;background:var(--panel3);display:grid;place-items:center;overflow:hidden;font-size:.68rem;font-weight:800;color:#5b6b7c;text-transform:uppercase}
.fc-thumb img{width:100%;height:100%;object-fit:cover}
.fc-name{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-meta{font-size:.82rem;color:var(--muted)}
.fc-meta.ok{color:#1e6b40}
.fc-meta.err{color:#9b2d36}
.fc-meta.warn{color:#9a4b0c}
.fc-actions{display:flex;gap:6px;align-items:center}
.fc-icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:.95rem;line-height:1;color:var(--text)}
.fc-icon-btn:hover{border-color:var(--accent)}
.fc-icon-btn:disabled{opacity:.35;cursor:default}

.fc-options .field:first-child{margin-top:0}
.fc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fc-qrow{display:flex;align-items:center;gap:12px}
.fc-qrow input[type=range]{flex:1;min-width:0}
.fc-qrow output{min-width:3.2rem;font-weight:800}
.fc-checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:6px}
.fc-checks label{display:flex;gap:7px;align-items:center;font-size:.9rem;color:#3d5166;font-weight:600}
.fc-seg{display:flex;flex-wrap:wrap;gap:6px}
.fc-seg button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:7px 11px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.fc-seg button[aria-pressed="true"]{background:#eef4fb;border-color:var(--accent);color:var(--accent)}
.fc-hint{font-size:.8rem;color:var(--muted);margin:6px 0 0}
.fc-go{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fc-go .btn{flex:1 1 auto}
.fc-summary{margin-top:12px;font-size:.9rem}
.fc-privacy{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:12px;background:#edf8f1;border:1px solid #b4dcc4;color:#1e6b40;font-size:.88rem}

@media(max-width:860px){.fc-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .fc-row{grid-template-columns:1fr}
  .fc-item{grid-template-columns:40px minmax(0,1fr);}
  .fc-thumb{width:40px;height:40px}
  .fc-actions{grid-column:1/-1;justify-content:flex-end}
  .fc-tab{flex:1 1 auto;padding:9px 10px}
}
