#panel-zip .frow { grid-template-columns: 20px 1fr max-content 24px 24px; }
#panel-zip .frow .ico { line-height: 0; }
#panel-zip .frow.dirrow .ico { color: var(--hl); }
.rowbtn { background: none; border: none; padding: 3px; color: var(--fg-muted); cursor: pointer; line-height: 0; border-radius: 3px; }
.rowbtn:hover { color: var(--hl); }
.rowbtn.x:hover { color: var(--accent); }
.rowbtn:focus-visible { outline: 1px solid var(--hl); }
.frow .rename { width: 100%; background: var(--bg); border: 1px solid var(--hl); border-radius: 3px; color: var(--fg); font: inherit; font-size: 13px; padding: 2px 6px; }
.frow .rename:focus { outline: none; }
.opts { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 18px; }
.opt { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--fg-dim); }
.opt select, .opt input { background: var(--bg-2); border: 1px solid var(--rule); border-radius: 3px; color: var(--fg); font: inherit; font-size: 12px; padding: 7px 8px; }
.opt select:focus, .opt input:focus { outline: none; border-color: var(--hl); }
.opt select:disabled { opacity: 0.5; }
.opt input[type=number] { width: 84px; }
.opt input[hidden] { display: none; }
.editnote { margin: 14px 0 0; font-size: 12px; color: var(--fg-dim); border: 1px solid var(--rule); border-left: 2px solid var(--hl); border-radius: 3px; background: var(--bg-2); padding: 7px 11px; }
.editnote[hidden], .parts[hidden], #zip-legacy-wrap[hidden], #zip-encnames-wrap[hidden] { display: none; }
#zip-legacy-wrap, #zip-encnames-wrap { margin-top: 10px; }
.parts { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; font-size: 12px; }
.parts a { color: var(--link); }
#in-zip-edit { display: none; }
#status-zip .mini { margin-left: 6px; }
#status-zip .mini { background: none; border: 1px solid var(--rule); border-radius: 3px; color: var(--hl); font: inherit; font-size: 12px; padding: 3px 9px; cursor: pointer; }
#status-zip .mini:hover { border-color: var(--hl); }