@layer zip-components{.zip-tool-page{--zip-accent:#147ff1}.tool-accent-zip{background:linear-gradient(120deg,#fff 0%,#f4f9ff 58%,#eef5ff 100%)}.zip-workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;margin-top:30px;display:grid}.zip-input-panel{grid-row:span 2}.zip-panel-hint{color:var(--muted);margin:10px 0 18px;font-size:.82rem;line-height:1.65}.zip-drop-zone{text-align:center;background:#f5f9ff;border:2px dashed #a9ccef;border-radius:18px;place-items:center;gap:12px;min-height:210px;padding:26px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.zip-drop-zone:focus-visible,.zip-drop-zone.is-dragging{background:#edf6ff;border-color:#188cf3;outline:0;box-shadow:0 0 0 4px #188cf324}.zip-drop-zone>i{color:#1689f2;background:#e4f1ff;border-radius:18px;place-items:center;width:64px;height:64px;font-size:2.1rem;display:grid}.zip-drop-zone>strong{max-width:440px;color:var(--ink);font-size:1rem;line-height:1.45}.zip-picker-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.zip-picker-actions label,.zip-drop-zone>label{cursor:pointer}.zip-selection-heading,.zip-archive-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.zip-selection-heading strong,.zip-archive-toolbar>strong{color:var(--ink);font-size:.9rem}.zip-selection-heading span{color:#506887;font-size:.78rem;font-weight:800}.zip-file-list,.zip-entry-list,.zip-extracted-list{scrollbar-gutter:stable;gap:7px;max-height:370px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.zip-file-list>li,.zip-entry-list>li,.zip-extracted-list>li{background:#fbfdff;border:1px solid #dbe6f5;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.zip-entry-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:.8rem;font-weight:800;overflow:hidden}.zip-file-list small,.zip-entry-list small,.zip-extracted-list span{color:#627694;white-space:nowrap;font-size:.72rem}.zip-remove-button{color:#56708e;cursor:pointer;background:#edf3fb;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.zip-remove-button:hover{color:#b42318;background:#fff0ee}.zip-empty-row{color:#71819a!important;text-align:center!important;padding:24px!important;display:block!important}.zip-supported-hint{color:#57708f;text-align:center;margin:12px 0 0;font-size:.75rem;line-height:1.6}.zip-selected-archive,.zip-created-file{background:#f4f9ff;border:1px solid #cce2fa;border-radius:14px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;margin-top:16px;padding:14px;display:grid}.zip-selected-archive>i,.zip-created-file>i{color:#137ee8;background:#e4f1ff;border-radius:13px;place-items:center;width:48px;height:48px;font-size:1.6rem;display:grid}.zip-selected-archive div,.zip-created-file div,.zip-extracted-list div{gap:5px;min-width:0;display:grid}.zip-selected-archive strong,.zip-created-file strong,.zip-extracted-list strong{overflow-wrap:anywhere;color:var(--ink);font-size:.86rem}.zip-selected-archive span,.zip-created-file span{color:#627694;font-size:.75rem}.zip-field-label,.zip-compression-field legend{color:#314b70;margin:0 0 8px;font-size:.78rem;font-weight:900}.zip-name-field{background:#fff;border:1px solid #cbdcf0;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.zip-name-field:focus-within{border-color:#1b8ef2;box-shadow:0 0 0 3px #1b8ef221}.zip-name-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:14px;font-size:.88rem;font-weight:800}.zip-name-field span{color:#69809e;padding-right:14px;font-size:.8rem;font-weight:800}.zip-compression-field{border:0;margin:22px 0 0;padding:0}.zip-mode-grid{gap:8px;display:grid}.zip-mode-grid label{cursor:pointer;position:relative}.zip-mode-grid input{opacity:0;pointer-events:none;position:absolute}.zip-mode-grid span{background:#fbfdff;border:1px solid #d9e4f3;border-radius:13px;gap:4px;padding:13px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.zip-mode-grid strong{color:var(--ink);font-size:.82rem}.zip-mode-grid small{color:#657895;font-size:.71rem;line-height:1.45}.zip-mode-grid input:checked+span{background:#eff7ff;border-color:#218df0;box-shadow:inset 4px 0 #218df0}.zip-mode-grid input:focus-visible+span{outline:3px solid #218df033}.zip-run-action{width:100%;margin-top:22px}.zip-archive-toolbar{align-items:flex-start;margin:0 0 10px}.zip-archive-toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.secondary-action.compact{border-radius:9px;min-height:34px;padding:7px 10px;font-size:.72rem}.zip-entry-list>li{display:block}.zip-entry-list label{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.zip-entry-list input{accent-color:#1688ef;width:17px;height:17px}.zip-error{margin-top:14px}.zip-progress{background:#f2f8ff;border:1px solid #cfe2f7;border-radius:14px;gap:10px;margin-top:16px;padding:14px;display:grid}.zip-progress>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.zip-progress strong{text-overflow:ellipsis;white-space:nowrap;color:#284769;font-size:.76rem;overflow:hidden}.zip-progress output{color:#147be4;font-size:.76rem;font-weight:900}.zip-progress progress{background:#dceaf8;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}.zip-progress progress::-webkit-progress-bar{background:#dceaf8}.zip-progress progress::-webkit-progress-value{background:#188bf2;border-radius:999px}.zip-progress progress::-moz-progress-bar{background:#188bf2;border-radius:999px}.zip-progress>button{justify-self:start}.zip-result-empty{color:#6e819e;text-align:center;background:#fafcff;border:1px dashed #c9d8eb;border-radius:16px;align-content:center;place-items:center;gap:10px;min-height:150px;margin-top:18px;padding:22px;display:grid}.zip-result-empty i{color:#7597bd;font-size:2rem}.zip-result-empty p{max-width:430px;font-size:.8rem;line-height:1.6}.zip-complete-badge{color:#08785b;background:#e9f9f3;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.7rem;font-weight:900;display:inline-flex}.zip-result-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.zip-action-status{color:#24755f;min-height:1.2em;margin-top:11px;font-size:.75rem;font-weight:800}.zip-extracted-list>li{grid-template-columns:auto minmax(0,1fr) auto}.zip-extracted-list>li>i{color:#1688ef;font-size:1.35rem}}@layer zip-responsive{@media (width<=980px){.zip-workspace-grid{grid-template-columns:1fr}.zip-input-panel{grid-row:auto}}@media (width<=720px){.zip-workspace-grid{gap:12px;margin-top:22px}.zip-drop-zone{min-height:190px;padding:20px 14px}.zip-picker-actions{width:100%}.zip-picker-actions label{justify-content:center;width:100%}.zip-selection-heading,.zip-archive-toolbar{flex-direction:column;align-items:flex-start}.zip-archive-toolbar>div{justify-content:flex-start}.zip-file-list,.zip-entry-list,.zip-extracted-list{max-height:310px}.zip-file-list>li{grid-template-columns:minmax(0,1fr) auto}.zip-file-list>li small{grid-column:1}.zip-file-list>li .zip-remove-button{grid-area:1/2/span 2}.zip-entry-list label{grid-template-columns:auto minmax(0,1fr)}.zip-entry-list small{grid-column:2}.zip-extracted-list>li{grid-template-columns:auto minmax(0,1fr)}.zip-extracted-list button{grid-column:1/-1;justify-content:center}.zip-result-actions{flex-direction:column;align-items:stretch}.zip-result-actions button{justify-content:center;width:100%}.zip-complete-badge{display:none}}@media (prefers-reduced-motion:reduce){.zip-drop-zone,.zip-mode-grid span{transition:none}}}