/* Batch converter page */
body.page{overflow:auto;height:auto;min-height:100dvh;display:flex;flex-direction:column}
.page .topbar{position:sticky;top:0;z-index:30}
.pgtitle{color:var(--ink2);font-size:13px;margin-inline-start:8px;padding-inline-start:10px;border-inline-start:1px solid var(--line)}
.bwrap{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:16px;align-items:start;flex:1}
.bside{position:sticky;top:62px}
.bside .pgroup{background:var(--panel)}
.wrapseg{flex-wrap:wrap}
.bactions{display:flex;flex-direction:column;gap:8px}
.bmain{min-width:0}
.bdrop{border:2px dashed var(--line);border-radius:16px;padding:34px 20px;text-align:center;background:var(--panel);transition:.15s}
.bdrop.over{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--panel))}
.bdrop h2{margin:10px 0 6px;font-size:19px}
.bdrop .hint{max-width:520px;margin:0 auto 16px}
.bbar{height:8px;background:var(--panel2);border-radius:20px;margin:14px 0 6px;position:relative;display:none}
.bbar.on{display:block}
.bfill{height:100%;width:0;background:var(--acc);border-radius:20px;transition:width .2s}
.bbar span{position:absolute;top:12px;inset-inline-start:0;font-size:12px;color:var(--ink2)}
.blist{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.bitem{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px 11px}
.bthumb{width:52px;height:52px;border-radius:8px;background:var(--panel2);flex:none;display:grid;place-items:center;overflow:hidden}
.bthumb img{max-width:100%;max-height:100%;display:block}
.binfo{flex:1;min-width:0}
.bname{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsub{font-size:11.5px;color:var(--ink3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.barrow{color:var(--ink3)}
.bnew{color:var(--ok);font-weight:600}
.bsave{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok);border-radius:20px;padding:1px 8px;font-size:11px}
.bgrow{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn);border-radius:20px;padding:1px 8px;font-size:11px}
.bwait{color:var(--ink3)}
.bitem .btn{flex:none}
@media (max-width:860px){
  .bwrap{grid-template-columns:1fr;padding:12px}
  .bside{position:static}
  .bthumb{width:44px;height:44px}
}