:root{--bg:#f9f9f9;--fg:#111;--nav-border:#00000014;--hyperlink:#007bff;--h2-fg:#2c3e50;--para-fg:#555;--panel-bg:#f8fafc;--panel-shadow:#0000000d;--panel-heading-fg:#1f2937;--upload-section-bg:#fff;--upload-section-border:#e5e7eb;--settings-section-bg:#f8fafc;--settings-section-border:#e5e7eb;--settings-heading-fg:#1f2937;--section-label-fg:#374151;--fileinput-border:#cbd5e1;--fileinput-bg:#f1f5f9;--fileinput-bg-hover:#e2e8f0;--fileinput-border-hover:#94a3b8;--upload-btn-bg:#5dade2;--upload-btn-fg:white;--upload-btn-shadow:#3498db33;--upload-btn-bg-hover:#4ea3d9;--upload-btn-shadow-hover:#3498db4d;--upload-btn-shadow-active:#3498db33;--btn-default-fg:#473ae7;--text-btn-fg:#0935ca;--theme-btn-fg:black;--input-border:#d1d5db;--input-fg:#000;--input-bg:#fff;--input-border-focus:#3498db;--input-shadow-focus:#3498db26;--slider-bg:#d1d5db;--slider-thumb-bg:white;--switch-checked-bg:#3498db;--range-scale-fg:#6b7280;--range-bg:#e5e7eb;--range-thumb-bg:#3498db;--range-thumb-shadow:#0003;--horizontal-rule:#e5e7eb;--notice-warning-fg:#92400e;--notice-warning-bg:#fef3c7;--notice-warning-border:#fde68a;--notice-info-fg:#3e3e3e;--notice--info-bg:#efefef;--notice-info-border:#e8e8e8;--status-fg:#3a342a;--status-bg:#111d2742;--progressbar-bg:#3498db;--progressbar-bg-quart:#5dade2;--progressbar-bg-mid:#b68dec;--fileitem-bg:#ecf0f1;--fileitem-bg-hover:#d0d7de;--fileitem-text-fg:#555;--fileitem-error-fg:#e74c3c;--img-shadow:#00000026;--summary-fg:#9b9b9b;--download-btn-fg:#3730a3;--download-btn-bg:#e0e7ff;--download-btn-bg-hover:#c7d2fe;--btn-bg-disabled:#f3f3f3;--btn-fg-disabled:#a1a1aa;--error-card-bg:#f8d7da;--error-card-shadow:#00000014;--error-card-header-bg:#f5c6cb;--error-card-header-fg:#721c24;--error-card-text-bg:#f8d7da;--error-card-text-fg:#721c24;--error-card-list-fg:#721c24;--error-card-list-item-fg:#721c24;--error-card-list-item-bg:#fce4e4;--error-card-list-item-shadow:#0000000d;--error-card-list-item-hover-bg:#f9caca;--stop-btn-fg:white;--stop-btn-bg:#ff5f6cbc;--stop-btn-shadow:#00000040;--stop-btn-shadow-hover:#00000059}body.dark{--bg:#0f1419;--fg:#e6edf3;--nav-border:#ffffff14;--hyperlink:#8ab4f8;--h2-fg:#e6edf3;--para-fg:#9aa4af;--panel-bg:#161b22;--panel-shadow:#00000073;--panel-heading-fg:#e6edf3;--upload-section-bg:#1c222b;--upload-section-border:#2c323c;--settings-section-bg:#161b22;--settings-section-border:#2c323c;--settings-heading-fg:#e6edf3;--section-label-fg:#b6c2cf;--fileinput-border:#3a4250;--fileinput-bg:#1e2530;--fileinput-bg-hover:#242c38;--fileinput-border-hover:#4c5566;--upload-btn-bg:#705ed5;--upload-btn-fg:#fff;--upload-btn-shadow:#9d8cff40;--upload-btn-bg-hover:#8c7af5;--upload-btn-shadow-hover:#9d8cff59;--upload-btn-shadow-active:#9d8cff40;--btn-default-fg:#9ef1f1;--text-btn-fg:#d3dfff;--theme-btn-fg:white;--input-border:#3a4250;--input-fg:#b2c4ff;--input-bg:#1c222b;--input-border-focus:#9d8cff;--input-shadow-focus:#9d8cff40;--slider-bg:#3a4250;--slider-thumb-bg:#fff;--switch-checked-bg:#705ed5;--range-scale-fg:#9aa4af;--range-bg:#2a303a;--range-thumb-bg:#9d8cff;--range-thumb-shadow:#00000080;--horizontal-rule:#2a303a;--notice-warning-fg:#ffb37a;--notice-warning-bg:#2b1c10;--notice-warning-border:#5c3a21;--notice-info-fg:#cbd5e1;--notice--info-bg:#1f252d;--notice-info-border:#2f3642;--status-fg:#e6edf3;--status-bg:#191e26cc;--progressbar-bg:#9d8cff;--progressbar-bg-quart:#b3a7f9;--progressbar-bg-mid:#e7aee6;--fileitem-bg:#1c222b;--fileitem-bg-hover:#242c38;--fileitem-text-fg:#9aa4af;--fileitem-error-fg:#e75e5e;--img-shadow:#000000b3;--summary-fg:#8b949e;--download-btn-fg:#c7e4fe;--download-btn-bg:#3d3380;--download-btn-bg-hover:#2a3170;--btn-bg-disabled:#2a303a;--btn-fg-disabled:#6b7280;--error-card-bg:#2a1517;--error-card-shadow:#0006;--error-card-header-bg:#3b1f22;--error-card-header-fg:#ff9aa2;--error-card-text-bg:#2a1517;--error-card-text-fg:#ff9aa2;--error-card-list-fg:#ff9aa2;--error-card-list-item-fg:#ff9aa2;--error-card-list-item-bg:#3a1d20;--error-card-list-item-shadow:#0006;--error-card-list-item-hover-bg:#4a2226;--stop-btn-fg:#fff;--stop-btn-bg:#ff6b6bbd;--stop-btn-shadow:#00000080;--stop-btn-shadow-hover:#000000b3}*,:before,:after{box-sizing:border-box}html,body{width:100%;margin:0}body{background-color:var(--bg);max-width:900px;color:var(--fg);margin:auto;padding:0 20px;font-family:Arial,sans-serif;overflow-y:auto}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);z-index:100;position:sticky;top:15px}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:14px 20px;display:flex}.logo{margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600}.logo a{color:inherit;text-decoration:none}.link{color:var(--hyperlink);text-decoration:none;transition:color .2s}.link:hover{-webkit-text-decoration:underline wavy var(--hyperlink);text-decoration:underline wavy var(--hyperlink)}.theme-toggle{color:var(--theme-btn-fg);cursor:pointer;background:0 0;border:none;font-size:1.2rem}#app{margin-top:20px;padding:10px}h2{text-align:center;color:var(--h2-fg)}p.description{text-align:center;color:var(--para-fg);margin-bottom:30px;font-size:1rem;line-height:1.4}.main-container{align-items:stretch;gap:30px;margin-bottom:30px;display:flex}.left-panel,.right-panel{background:var(--panel-bg);box-shadow:0 8px 20px var(--panel-shadow);border-radius:16px;padding:20px}.left-panel{flex-direction:column;flex:2;gap:20px;display:flex}.right-panel{flex:1}.right-panel h3{color:var(--panel-heading-fg);text-align:center;margin-top:0;margin-bottom:15px;font-size:20px}.upload-section{background:var(--upload-section-bg);border:1px solid var(--upload-section-border);border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:12px;padding:15px;display:flex}.upload-section label,.settings-item label{color:var(--section-label-fg);font-size:15px;font-weight:600}.upload-section input[type=file]{border:1px dashed var(--fileinput-border);background-color:var(--fileinput-bg);cursor:pointer;border-radius:8px;padding:8px;transition:all .2s}.upload-section input[type=file]:hover{background-color:var(--fileinput-bg-hover);border-color:var(--fileinput-border-hover)}.upload-section button{cursor:pointer;background:var(--upload-btn-bg);width:100%;color:var(--upload-btn-fg);letter-spacing:.3px;box-shadow:0 4px 10px var(--upload-btn-shadow);border:none;border-radius:10px;margin-top:5px;padding:10px;font-weight:600;transition:all .2s}.upload-section button:hover{background:var(--upload-btn-bg-hover);box-shadow:0 6px 14px var(--upload-btn-shadow-hover);transform:translateY(-1px)}.upload-section button:active{box-shadow:0 3px 8px var(--upload-btn-shadow-active);transform:translateY(0)}.settings-card{background:var(--settings-section-bg);border:1px solid var(--settings-section-border);border-radius:12px;margin-bottom:14px;padding:14px;transition:all .2s}.settings-card.disabled{opacity:.55}.settings-header{color:var(--settings-heading-fg);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px;font-weight:600;display:flex}.settings-content{flex-direction:column;display:flex}.settings-item{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.settings-item input{color:var(--input-fg);border:1px solid var(--input-border);background-color:var(--input-bg);border-radius:8px;padding:8px;font-size:15px;transition:all .2s}.settings-item input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-shadow-focus);outline:none}.switch{width:38px;height:20px;position:relative}.switch input{display:none}.slider{background:var(--slider-bg);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:var(--slider-thumb-bg);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.switch input:checked+.slider{background:var(--switch-checked-bg)}.switch input:checked+.slider:before{transform:translate(18px)}.size-scale{color:var(--range-scale-fg);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.range-modern{appearance:none;background:var(--range-bg);border-radius:999px;height:6px}.range-modern::-webkit-slider-thumb{appearance:none;background:var(--range-thumb-bg);cursor:pointer;width:16px;height:16px;box-shadow:0 2px 6px var(--range-thumb-shadow);border-radius:50%}.hq-toggle-row{border-top:1px solid var(--horizontal-rule);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:15px;display:flex}.notice{opacity:1;border-radius:10px;max-height:100px;margin-top:8px;padding:10px 12px;font-size:13px;transition:max-height .25s,opacity .25s,margin .25s,padding .25s;overflow:hidden}.notice.hidden{opacity:0;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.hq-warning{color:var(--notice-warning-fg);background:var(--notice-warning-bg);border:1px solid var(--notice-warning-border)}.fs-info{color:var(--notice-info-fg);background:var(--notice--info-bg);border:1px solid var(--notice-info-border)}hr{border:none;border-top:1px solid var(--horizontal-rule);margin:20px 0}#results{flex-direction:column;gap:10px;display:flex}#statusBar{width:100%;color:var(--status-fg);background:var(--status-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;pointer-events:none;padding:6px 12px;font-size:14px;transition:opacity .3s;position:fixed;bottom:6px;left:0}#statusBar.hidden{opacity:0}#progressBar{background-color:var(--progressbar-bg);z-index:9999;width:0%;height:6px;transition:width .4s ease-out,background-color .3s;position:fixed;bottom:0;left:0}.progress-shimmer{background:linear-gradient(90deg, var(--progressbar-bg) 0%, var(--progressbar-bg-quart) 25%, var(--progressbar-bg-mid) 50%, var(--progressbar-bg-quart) 75%, var(--progressbar-bg) 100%);background-size:200% 100%;animation:1.5s linear infinite shimmerMove}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.file-meta{flex:1;justify-content:flex-end;align-items:center;gap:3vw;display:flex}.file-item{cursor:pointer;background-color:var(--fileitem-bg);border-radius:6px;align-items:center;padding:12px 15px;font-weight:700;transition:background .2s;display:flex}.file-item:hover{background-color:var(--fileitem-bg-hover)}.file-item span.size{color:var(--fileitem-text-fg);font-size:.9rem;font-weight:400}.file-item .download-link{opacity:.7;font-size:1rem;text-decoration:none;transition:opacity .2s,transform .1s}.file-item .download-link:hover{opacity:1;transform:scale(1.1)}.details{margin-top:8px;margin-left:20px;display:none}.details img{max-width:400px;box-shadow:0px 2px 6px var(--img-shadow);border-radius:5px}.file-error{color:var(--fileitem-error-fg);padding:6px 8px;font-size:16px;font-weight:400}#summary{text-align:center;color:var(--summary-fg);margin-top:15px;margin-bottom:5px;padding:15px;font-family:monospace;display:none}#download-zip-wrapper{justify-content:center;align-items:center;gap:12px;padding-bottom:25px;display:none}#download-zip-btn{background-color:var(--download-btn-bg);color:var(--download-btn-fg);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:15px;padding:10px 20px 10px 35px;font-size:18px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}#download-zip-btn:hover{background-color:var(--download-btn-bg-hover);transform:translateY(-1px)}#download-zip-btn:disabled,.upload-section button:disabled{background-color:var(--btn-bg-disabled);color:var(--btn-fg-disabled);cursor:not-allowed;box-shadow:none;transform:none}#zip-progress{opacity:0;justify-content:center;align-items:center;width:0;height:40px;transition:opacity .25s,transform .25s,width .25s;display:inline-flex;overflow:hidden;transform:translate(10px)}#zip-progress.show{opacity:1;width:40px;transform:translate(0)}#error-card{background-color:var(--error-card-bg);box-shadow:0 2px 6px var(--error-card-shadow);border-radius:8px;max-width:500px;margin:12px auto 0;font-size:14px;display:none;overflow:hidden}#error-header{cursor:pointer;color:var(--error-card-header-fg);background-color:var(--error-card-header-bg);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}#error-arrow{margin-left:8px;font-weight:700}#error-info{background-color:var(--error-card-text-bg);color:var(--error-card-text-fg);border-radius:6px 6px 0 0;margin-bottom:4px;padding:6px 12px;font-size:14px;line-height:1.4;display:none}#error-list{max-height:0;color:var(--error-card-list-fg);padding:0 12px;transition:max-height .3s,padding .3s;overflow:hidden}#error-list.expanded{padding:8px 12px}#error-list div,#error-list div.error-list-item{background-color:var(--error-card-list-item-bg);color:var(--error-card-list-item-fg);box-shadow:inset 0 0 2px var(--error-card-list-item-shadow);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;font-size:14px;line-height:1.4;transition:background-color .2s;display:flex}#error-list div.error-list-item:hover{background-color:var(--error-card-list-item-hover-bg)}#error-list div.error-list-item span{flex-shrink:0}#stop-btn{color:var(--stop-btn-fg);background:var(--stop-btn-bg);box-shadow:0 8px 20px var(--stop-btn-shadow);cursor:pointer;z-index:10000;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 17px;font-size:20px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .25s;display:flex;position:fixed;bottom:26px;right:20px}#stop-btn:hover{box-shadow:0 12px 26px var(--stop-btn-shadow-hover);transform:translateY(-2px)}#stop-btn:active{transform:translateY(0)}#stop-btn.hidden{opacity:0;pointer-events:none}.stop-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:none}#stop-btn.loading{padding:15px 16px}#stop-btn.loading .stop-text{display:none}#stop-btn.loading .stop-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.size-container{align-items:center;gap:5px;display:flex}.download-text{color:var(--text-btn-fg)}.download-icon{width:16px;height:16px;display:none}#site-footer{text-align:center;color:#666;margin-top:2em;padding:1em 0;font-size:.85rem}.footer-links{margin-bottom:6px}.footer-links a{margin:0 5px}.footer-copy{margin-top:15px;font-size:.8rem}@media (width<=768px){body{padding:0 12px}.nav-inner{padding:12px 10px}#app{padding:6px}h2{font-size:1.4rem}p.description{font-size:.95rem}.main-container{flex-direction:column;gap:20px;width:100%}.left-panel,.right-panel{width:100%;padding:16px}.file-container{flex-direction:column;display:flex}.details{text-align:center}.details img{max-width:100%;max-height:30vh}.file-item{flex-wrap:wrap;gap:2px;padding:10px 8px;font-size:.9rem;overflow-x:hidden}.file-item span.size{font-size:.75rem}.file-meta{white-space:nowrap;flex-wrap:nowrap}.file-item .download-link{font-size:.8rem}.download-text{display:none}.download-icon{color:var(--btn-default-fg);width:20px;height:20px;display:block}.download-link{opacity:1;border-radius:6px;justify-content:center;align-items:center;padding-inline:5px;display:flex}.download-link:active{transform:scale(.92)}#folder-upload{display:none}.upload-section button{padding:12px;font-size:16px}.settings-header{font-size:15px}}