.compression-files{min-height:320px}.compression-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--var-border-color)}.compression-toolbar .btn{display:inline-flex;align-items:center;gap:.4rem;width:auto}.compression-toolbar .btn img{width:1rem;height:1rem;filter:brightness(0)}.compression-toolbar .btn:disabled{opacity:1;cursor:not-allowed}#compression-clear{margin-left:auto}.compression-label-short{display:none}html:not(.dark-theme) .compression-toolbar .btn img{filter:brightness(0) invert(1)}@media(max-width: 480px){.compression-toolbar{flex-wrap:nowrap;gap:.35rem;padding:.65rem}.compression-toolbar .btn{flex:1 1 auto;min-width:0;padding:.45rem .55rem;font-size:14px;white-space:nowrap}.compression-label-full{display:none}.compression-label-short{display:inline}}.btn-secondary{background-color:var(--var-gray-400)}.compression-breadcrumb{display:flex;width:100%;min-width:0;max-width:100%;align-items:center;gap:.35rem;min-height:38px;padding:.4rem 1rem;border-bottom:1px solid var(--var-border-color);overflow:visible}.compression-breadcrumb button{min-width:2rem;max-width:16rem;overflow:hidden;border:0;padding:.2rem .35rem;color:var(--var-primary);background:rgba(0,0,0,0);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.compression-breadcrumb>button:first-child,.compression-breadcrumb>span,.compression-breadcrumb>details{flex-shrink:0}.compression-breadcrumb-overflow{position:relative}.compression-breadcrumb-overflow summary{padding:.2rem .35rem;color:var(--var-primary);cursor:pointer;list-style:none}.compression-breadcrumb-overflow summary::-webkit-details-marker{display:none}.compression-breadcrumb-menu{position:absolute;z-index:5;top:calc(100% + .35rem);left:0;min-width:12rem;max-width:min(20rem,80vw);padding:.35rem;background:var(--var-main-bg-color);border:1px solid var(--var-border-color);border-radius:.35rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.compression-breadcrumb-menu button{display:block;width:100%;max-width:none;text-align:left}.compression-browser{display:flex;position:relative;min-height:180px;height:auto !important;background-color:var(--var-input-bg-color);border:2px dashed rgba(0,0,0,0)}.compression-browser.hover{border-color:var(--var-primary)}.compression-empty{display:flex;width:100%;height:100%;flex:1;min-height:180px;padding:1.5rem;align-items:center;justify-content:center;flex-direction:column;text-align:center}.compression-empty img{width:36px;height:36px}.compression-empty p{margin:.75rem 0 .25rem}.compression-empty[role=button]{cursor:pointer}.compression-list{align-self:flex-start;width:100%;min-width:34rem;table-layout:fixed;border-collapse:collapse;font-size:14px}.compression-list th,.compression-list td{padding:.55rem .75rem;border-bottom:1px solid var(--var-border-color);text-align:left}.compression-list th:first-child,.compression-list td:first-child{width:2.5rem;padding-right:0;text-align:center}.compression-list th:nth-child(2),.compression-list td:nth-child(2){overflow:hidden}.compression-list th:nth-child(3),.compression-list td:nth-child(3){width:7rem;text-align:right;white-space:nowrap}.compression-list th:last-child,.compression-list td:last-child{width:5rem;text-align:right}.compression-icon-cell{vertical-align:middle}.compression-entry-icon{display:inline-block;width:1rem;height:1rem;object-fit:contain;vertical-align:middle}.compression-name,.compression-actions button{border:0;padding:.2rem .35rem;color:inherit;background:rgba(0,0,0,0)}.compression-name{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.compression-name.directory,.compression-actions button{color:var(--var-primary);cursor:pointer}.compression-name:disabled{opacity:1}.compression-rename-input{display:block;width:100%;min-width:0;padding:.2rem .35rem;color:var(--var-input-color);background:var(--var-input-bg-color);border:1px solid var(--var-primary);border-radius:.2rem;outline:none}.compression-actions{white-space:nowrap}.compression-actions button{display:inline-flex;align-items:center;justify-content:center;padding:.35rem}.compression-actions button img{width:1rem;height:1rem}.compression-actions button+button{margin-left:.35rem}.compression-summary{display:flex;justify-content:space-between;padding:.55rem 1rem;border-top:1px solid var(--var-border-color);font-size:13px}.compression-result{display:flex;align-items:center;min-height:3.5rem;padding:.65rem 1rem;border-top:1px solid var(--var-border-color);font-size:13px}.compression-output-empty{width:100%}.compression-progress-label{display:flex;align-items:center;gap:1rem}#compression-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#compression-progress-size{margin-left:auto;white-space:nowrap}.compression-progress{height:.4rem;margin-top:.5rem;overflow:hidden;background:var(--var-gray-300);border-radius:9999px}.compression-progress-bar{width:0;height:100%;background:var(--var-primary);transition:width .1s linear}.compression-output-ready{display:flex;width:100%;align-items:center;gap:1rem}.compression-output-ready .btn{margin-left:auto;white-space:nowrap}.compression-dialog{width:min(32rem,100% - 2rem);padding:1.25rem;color:var(--var-font-color);background:var(--var-main-bg-color);border:1px solid var(--var-border-color);border-radius:.5rem}.compression-dialog::backdrop{background:rgba(0,0,0,.45)}.compression-dialog h2{margin:0 0 .5rem;font-size:18px}.compression-dialog ul{max-height:12rem;padding-left:1.5rem;overflow:auto;font-size:13px}.compression-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}