.mp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.mp-order{margin:0;display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 260px;color:var(--ink-2);font-size:.9rem;line-height:1.4}.mp-sort{display:flex;flex-wrap:wrap;gap:6px}.mp-one,.mp-list .file-pos{flex:none;display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:var(--c-soft);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line);font:700 .8125rem/1 var(--font-num);font-variant-numeric:tabular-nums}.mp-list .file{grid-template-columns:auto auto 46px minmax(0,1fr) auto}.mp-list .file>.file-grip{grid-column:1}.mp-list .file>.file-pos{grid-column:2}.mp-list .file>.file-thumb{grid-column:3}.mp-list .file>.file-main{grid-column:4}.mp-list .file>.file-btns{grid-column:5}.mp-list .file-thumb img{object-fit:contain}.mp-list .file-image .file-thumb img{object-fit:cover}.mp-list .file-meta .err{display:block}.mp-dup{color:var(--c-time-ink);font-weight:600}.mp-dup:before{content:"\b7  ";color:var(--ink-2);font-weight:400}@media (max-width: 520px){.mp-list .file{column-gap:7px;padding-right:4px}.mp-list .file-pos{min-width:22px;height:22px;padding:0 5px}.mp-sort{width:100%}.mp-sort .btn{flex:1 1 0}}.mp-out{display:grid;gap:10px;min-width:0}.mp-out-h{margin:0;font-weight:600}.mp-pages{list-style:none;margin:0;padding:4px 2px 10px;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.mp-pages li{flex:none;display:grid;gap:4px;justify-items:center;scroll-snap-align:start}.mp-pg{width:96px;height:128px;display:grid;place-items:center;padding:4px;border-radius:8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.mp-pg canvas{max-width:88px;max-height:120px;width:auto;height:auto;background:#fff;box-shadow:0 1px 3px #10182840}.mp-pn{font:600 .8125rem/1.2 var(--font-num);color:var(--ink-2);font-variant-numeric:tabular-nums}.mp-more span{display:grid;place-items:center;width:64px;height:128px;border-radius:8px;background:var(--surface);color:var(--ink-2);font-weight:600}.mp-next{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--accent-line)}.mp-next-h{margin:0;font-size:.9375rem;color:var(--ink-2)}.mp-go{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 520px){.mp-go .btn{flex:1 1 100%;justify-content:center}}
