*,:before,:after{box-sizing:border-box}:root{--background:#fff;--foreground:#0a0a0a;--muted:#f5f5f5;--muted-foreground:#737373;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--primary:#171717;--primary-foreground:#fafafa;--destructive:#e40014;--destructive-foreground:#fafafa;--radius:.625rem}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(98.26% 0 0)}}body{background-color:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;margin:0;padding-top:80px;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;display:flex}#app{width:100%;max-width:560px;padding:0 20px}h1{text-align:center;letter-spacing:-.025em;color:var(--foreground);margin-bottom:8px;font-size:1.5rem;font-weight:600}h1 small{color:var(--muted-foreground);letter-spacing:0;margin-top:4px;font-size:.8125rem;font-weight:400;display:block}.drop-zone{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--muted-foreground);background-color:var(--background);padding:56px 24px;transition:border-color .15s,background-color .15s}.drop-zone:hover{border-color:var(--ring);background-color:var(--muted)}.drop-zone.drag-over{border-style:solid;border-color:var(--primary);background-color:var(--muted);color:var(--foreground)}.drop-zone__prompt{color:var(--muted-foreground);margin:0;font-size:.875rem}.drop-zone__browse{cursor:pointer;color:var(--foreground);text-underline-offset:2px;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;text-decoration:underline}.drop-zone__browse:hover{color:var(--muted-foreground)}.drop-zone__errors{color:var(--destructive);margin-top:12px;font-size:.8125rem}.drop-zone__errors p{margin:4px 0 0}.target-config{flex-direction:row;align-items:center;gap:12px;margin-top:16px;display:flex}.target-config__toggle{background-color:var(--muted);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);gap:2px;padding:2px;display:flex}.target-config__toggle button{border-radius:calc(var(--radius) - 4px);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background-color .1s,color .1s,box-shadow .1s}.target-config__toggle button:hover{color:var(--foreground)}.target-config__toggle button.active{background-color:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000000d}.target-config__input{align-items:center;gap:6px;display:flex}.target-config__input label{color:var(--muted-foreground);font-size:.8125rem}.target-config__input input[type=number]{background-color:var(--background);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);width:72px;color:var(--foreground);padding:5px 8px;font-family:inherit;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.target-config__input input[type=number]:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring);outline:none}.target-config__suffix{color:var(--muted-foreground);font-size:.8125rem}.file-list{margin:6px 0 0;padding:0;list-style:none}.file-list__item{border-bottom:1px solid var(--border);color:var(--foreground);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:.8125rem;display:flex}.file-list__item:last-child{border-bottom:none}.file-list__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file-list__remove{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-family:inherit;font-size:1rem;line-height:1;transition:color .1s}.file-list__remove:hover{color:var(--destructive)}.compress-btn{background-color:var(--primary);width:100%;color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;letter-spacing:.005em;border:1px solid #0000;margin-top:12px;padding:10px;font-family:inherit;font-size:.875rem;font-weight:500;transition:opacity .15s}.compress-btn:hover:not(:disabled){opacity:.9}.compress-btn:disabled{opacity:.5;cursor:not-allowed}.file-count{color:var(--muted-foreground);margin:8px 0 0;font-size:.8125rem}.progress-container{margin-top:20px}.progress-status{color:var(--foreground);margin:0 0 6px;font-size:.8125rem;font-weight:500}.progress-bar{background:var(--border);border-radius:9999px;height:4px;margin:8px 0;overflow:hidden}.progress-fill{background:var(--primary);border-radius:9999px;height:100%;transition:width .3s ease-out}.progress-iteration{color:var(--muted-foreground);font-size:.75rem;display:block}.progress-files{margin-top:12px}.progress-file-row{border-bottom:1px solid var(--border);color:var(--muted-foreground);padding:6px 0;font-size:.8125rem}.progress-file-row--error{color:var(--destructive)}.progress-file-row--success{color:var(--foreground)}.progress-loading{text-align:center;color:var(--muted-foreground);margin-top:12px;padding:12px;font-size:.8125rem;animation:1.5s ease-in-out infinite pulse}.results{margin-top:20px}.results__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.results__row:last-of-type{border-bottom:none}.results__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.results__name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.results__sizes{color:var(--muted-foreground);font-size:.75rem}.results__sizes--error{color:var(--destructive)}.results__sizes--skipped{color:var(--muted-foreground);font-style:italic}.results__actions{flex-shrink:0}.results__download-btn{background-color:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);color:var(--foreground);cursor:pointer;white-space:nowrap;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:500;transition:background-color .1s,border-color .1s}.results__download-btn:hover{background-color:var(--muted);border-color:var(--ring)}.results__zip-btn{background-color:var(--primary);width:100%;color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;margin-top:12px;padding:10px;font-family:inherit;font-size:.875rem;font-weight:500;transition:opacity .15s}.results__zip-btn:hover{opacity:.9}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}