.zip-workspace{--accent-contrast:#fff;max-width:940px;margin:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);overflow:hidden}
html[data-theme=dark] .zip-workspace{--accent-contrast:#0b1220}
.zip-workspace [hidden]{display:none!important}.zip-workspace svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.zip-tabs{display:flex;background:var(--panel-strong);border-bottom:1px solid var(--line);gap:6px;padding:8px}
.zip-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:14px 10px;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.4;background:transparent;color:var(--muted);cursor:pointer;min-height:48px}
.zip-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-contrast,#fff)}
#zip-panel{padding:22px}.zip-privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.9rem;color:var(--muted);margin:0 0 18px}.zip-privacy svg{width:18px;height:18px;color:var(--accent)}
.zip-dropzone{border:2px dashed var(--line);border-radius:16px;padding:28px 18px;text-align:center;background:var(--panel-strong)}.zip-dropzone[data-drag=true]{border-color:var(--accent)}
.zip-workspace .zip-drop-icon{width:48px;height:48px;color:var(--accent);margin-bottom:10px}.zip-workspace h2{font-size:1.15rem;margin:0 0 12px;line-height:1.5}.zip-workspace p{line-height:1.6;overflow-wrap:anywhere}
.zip-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.zip-workspace .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:.92rem;text-align:center;white-space:normal;max-width:100%;cursor:pointer}
.zip-workspace .btn-primary{background:var(--accent);color:var(--accent-contrast,#fff);border-color:var(--accent)}.zip-workspace .btn-outline{background:var(--panel);color:var(--text);border:1px solid var(--line)}
.zip-workspace button:disabled{opacity:.5;cursor:default}.zip-workspace :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.zip-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.zip-row h2{margin:0}
#zip-selection{margin-top:18px}.zip-list{margin:12px 0;max-height:330px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px}
.zip-file{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);min-width:0}.zip-file:last-child{border-bottom:0}.zip-file-name{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}.zip-file-name strong{display:block;font-size:.95rem;font-weight:600}.zip-file-name small{color:var(--muted);display:block}.zip-file button,.zip-file a{flex-shrink:0}.zip-file input{flex-shrink:0}
.zip-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.zip-fields label,#zip-password-area>label:first-child{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:.95rem}
.zip-workspace input:not([type=checkbox]),.zip-workspace select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel-strong);color:var(--text);font:inherit;min-height:46px;box-sizing:border-box}
.zip-workspace input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);vertical-align:middle}.zip-show-password{display:flex;align-items:center;gap:8px;margin-top:10px}.zip-muted{color:var(--muted);font-size:.85rem;margin:12px 0}.zip-run{width:100%;margin-top:4px}
#zip-selected-size{font-weight:600}#zip-selection-info{font-size:.9rem;color:var(--muted)}#zip-feedback{padding:12px;border-radius:10px;background:var(--panel-strong);border:1px solid var(--line)}#zip-feedback[data-error=true]{border-color:#d97474}
#zip-progress{padding:14px;background:var(--panel-strong);border-radius:12px;margin:12px 0}#zip-progress progress{width:100%;height:12px;accent-color:var(--accent);margin-top:12px}#zip-results{margin:10px 0}.zip-dropzone[data-compact=true]{padding:10px;background:transparent;border:0}.zip-dropzone[data-compact=true]>.zip-drop-icon,.zip-dropzone[data-compact=true]>h2,.zip-dropzone[data-compact=true]>p{display:none}
#zip-limits{margin-bottom:0;text-align:center;font-size:.78rem}
@media(max-width:600px){#zip-panel{padding:14px}.zip-tabs{gap:4px;padding:6px}.zip-tabs button{font-size:.9rem;gap:6px}.zip-fields{grid-template-columns:1fr}.zip-dropzone{padding:22px 12px}.zip-actions>.btn{flex:1 1 160px}.zip-file{gap:8px;padding:10px}.zip-file .btn{font-size:.82rem;padding:8px;min-width:44px}.zip-privacy{font-size:.82rem}.zip-list{max-height:280px}.zip-workspace{border-radius:14px}}
