/* zip-extract only: the entry list. */
.zx-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--matrix-space-8); }
.zx-toolbar input { flex: 1 1 12em; min-width: 0; }
.zx-rows { max-height: 24rem; overflow-y: auto; display: grid; gap: var(--matrix-space-4, 4px); }
.zx-row label { min-width: 0; overflow-wrap: anywhere; }
.zx-name { font-family: var(--matrix-font-mono, ui-monospace, monospace); font-size: 0.95em; }
.zx-reason { flex-basis: 100%; padding-left: 32px; font-size: var(--matrix-type-caption); }
.zx-row { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: var(--matrix-space-12); align-items: center; }
.zx-row .zx-reason { grid-column: 2; flex-basis: auto; padding-left: 0; }
.zx-row { grid-template-columns: 20px minmax(0, 1fr) auto; }
.zx-preview-button { padding: 4px 10px; min-height: 32px; font-size: var(--matrix-type-caption); }
.zx-preview { border: 1px solid var(--matrix-border); border-radius: var(--matrix-radius-control); padding: var(--matrix-space-12); background: var(--matrix-surface); }
.zx-preview:focus { outline: 2px solid var(--matrix-focus); outline-offset: 2px; }
.zx-preview-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--matrix-space-8); margin-bottom: var(--matrix-space-8); }
.zx-preview-head button { margin-left: auto; }
.zx-preview-image canvas { max-width: 100%; height: auto; border: 1px solid var(--matrix-border); background: var(--matrix-surface-subtle); }
.zx-preview-text { max-height: 20rem; overflow: auto; margin: 0; padding: var(--matrix-space-8); background: var(--matrix-surface-subtle); border-radius: var(--matrix-radius-control); font-size: 0.85em; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Save all to a folder and Download all (../save-all.js) */
.save-all { display: grid; gap: var(--matrix-space-8); }
.save-all-buttons { display: flex; flex-wrap: wrap; gap: var(--matrix-space-8); }
.save-all-status:empty { display: none; }