:root{--bg: #0d0d0f;--panel: #141416;--surface: #1c1c20;--border: #25252b;--border2: #2e2e36;--accent: #e8e8ea;--accent-dim:#c8c8cc;--text: #e4e4e8;--muted: #5a5a68;--muted2: #3a3a46;--danger: #ef4444;--warn: #f59e0b;--info: #3b82f6;--error-text: #fecaca;--dark-accent: #111;--info-text: #bfdbfe;--warning-text: #fde68a;--panel-bg: #1f1f25;--muted-text: #d8d8df}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.layout{width:100%;max-width:1240px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:10px}.app-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.app-header h1{font-size:1.15rem;font-weight:600;letter-spacing:-.2px}.app-header .subtitle{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted);letter-spacing:.2px}.app-header .gh-link{font-size:.72rem;color:var(--muted);text-decoration:none;white-space:nowrap;margin-left:auto}.app-header .gh-link:hover{color:var(--text)}.converter-notice,.recovered-notice{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);font-size:.78rem;line-height:1.45}.recovered-notice{border-color:#3b82f659;background:#1e40af2e;color:var(--info-text);display:flex;align-items:center;justify-content:space-between;gap:12px}.recovered-actions{display:flex;gap:8px}.btn-dismiss,.btn-clear-all{font-family:inherit;font-size:.7rem;color:var(--muted);background:none;border:1px solid var(--border2);border-radius:4px;padding:4px 10px;cursor:pointer;transition:color .1s,border-color .1s}.btn-dismiss:hover,.btn-clear-all:hover{color:var(--text);border-color:var(--muted)}.btn-clear-all{color:var(--error-text);border-color:#ef444459}.dropzone-wrapper{width:100%}.dropzone{position:relative;width:100%;border:1.5px dashed var(--border2);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#e8e8ea08}.dropzone-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;padding:28px 24px;color:var(--muted);font-size:.85rem;text-align:center}.dropzone:hover .dropzone-inner,.dropzone.dragover .dropzone-inner{color:var(--text)}.dropzone-icon{width:28px;height:28px;opacity:.7}.dropzone-icon svg{width:100%;height:100%;stroke:currentColor}.dropzone-text{display:flex;flex-direction:column;gap:2px}.dropzone-primary{font-size:.9rem}.dropzone-secondary{font-size:.72rem;color:var(--muted2)}.file-list{display:flex;flex-direction:column;gap:6px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.62rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;margin-bottom:0}.section-header h2{font-size:inherit;font-weight:inherit;color:inherit}.section-header .badge{background:var(--surface);border:1px solid var(--border2);color:var(--muted)}.files-grid{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px}.file-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--surface);border:1px solid var(--border2);border-radius:6px;font-size:.8rem}.file-item .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-item .name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .size{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--muted)}.file-item .remove{background:none;border:1px solid var(--border2);border-radius:4px;color:var(--muted);font-size:.7rem;padding:4px 8px;cursor:pointer;transition:color .1s,border-color .1s}.file-item .remove:hover{color:var(--error-text);border-color:#ef444466}.btn-convert,.btn-primary{width:100%;padding:11px 16px;background:var(--accent);color:var(--dark-accent);border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .12s}.btn-convert svg{width:16px;height:16px}.btn-convert:hover,.btn-primary:hover{opacity:.85}.btn-convert:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-convert.loading{opacity:.7}.options-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.options-cols{display:grid;grid-template-columns:1fr 1fr;align-items:start}.options-col{display:flex;flex-direction:column;min-width:0}.options-col+.options-col{border-left:1px solid var(--border)}.options-group{padding:14px 16px;display:flex;flex-direction:column;gap:12px;position:relative}.options-group:not(:last-child):after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(to right,transparent,var(--border2) 25%,var(--border2) 75%,transparent)}.group-heading{font-size:.62rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:2px}.option{display:flex;flex-direction:column;gap:6px}.pill-group{display:flex;flex-wrap:wrap;gap:5px}.pill-group--wrap .pill{flex:1 1 calc(33.333% - 4px);font-size:.72rem;padding:6px 8px}.pill{flex:0 0 auto;padding:6px 14px;border-radius:6px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:500;letter-spacing:.1px;transition:border-color .12s,color .12s,background .12s,transform .05s;text-align:center;white-space:nowrap;min-height:28px}.pill:hover{border-color:var(--muted);color:var(--text)}.pill:active{transform:translateY(1px)}.pill.active{background:var(--accent);border-color:var(--accent);color:var(--dark-accent);font-weight:600;box-shadow:inset 0 0 0 1px #ffffff26}.pill.active:hover{border-color:var(--accent)}.pill-group.disabled{opacity:.4;pointer-events:none;transition:opacity .15s}.option-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.option-toggle-row label{flex:1;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;cursor:pointer}.toggle-switch{appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:10px;background:var(--border2);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--muted);top:3px;left:3px;transition:transform .15s,background .15s}.toggle-switch:checked{background:var(--accent-dim)}.toggle-switch:checked:after{transform:translate(16px);background:var(--dark-accent)}.option.disabled{opacity:.45;pointer-events:none}.option label{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.9px}.option select,.option input[type=number]{width:100%;padding:8px 10px;background:var(--surface);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.78rem;cursor:pointer;transition:border-color .12s;appearance:none;-webkit-appearance:none}.option select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%235a5a68' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;padding-right:28px}.option select:hover,.option input[type=number]:hover{border-color:var(--muted)}.option select:focus,.option input[type=number]:focus{outline:none;border-color:var(--accent-dim)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.option--row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.option--row label{flex:1;text-transform:uppercase;letter-spacing:.9px;font-size:.7rem;color:var(--muted)}.option--row input[type=number]{width:88px;text-align:right;padding:6px 10px;font-size:.78rem}.option--row .input-with-unit{flex:0 0 auto}.option--row .input-with-unit input[type=number]{width:64px;border-top-right-radius:0;border-bottom-right-radius:0}.option--row .input-with-unit .unit{padding:0 8px;font-size:.7rem}.option.checkbox-option{flex-direction:row;align-items:center}.option.checkbox-option label{display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:none;letter-spacing:normal;font-size:.78rem;font-weight:500;color:var(--text)}.option.checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:10px;background:var(--border2);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.option.checkbox-option input[type=checkbox]:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--muted);top:3px;left:3px;transition:transform .15s,background .15s}.option.checkbox-option input[type=checkbox]:checked{background:var(--accent-dim)}.option.checkbox-option input[type=checkbox]:checked:after{transform:translate(16px);background:var(--dark-accent)}.input-with-unit{display:flex;align-items:stretch;gap:0}.input-with-unit input[type=number]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-with-unit .unit{display:flex;align-items:center;padding:0 12px;background:var(--surface);border:1px solid var(--border2);border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted)}.progress-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.progress-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;color:var(--muted)}.progress-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.progress-percent{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text);margin-left:12px}.progress-track{width:100%;height:4px;background:var(--border2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.preview-container{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;max-height:300px}.preview-container img{max-width:100%;max-height:280px;display:block}.results-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.result-item{background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.result-item.error{border-color:#ef444466;background:#7f1d1d2e}.result-item.error .info{color:var(--error-text)}.result-info{display:flex;flex-direction:column;gap:4px;min-width:0}.result-info .name{font-size:.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-info .size,.result-info .info{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--muted)}.result-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-download,.btn-preview,.btn-clear-results{font-family:inherit;font-size:.72rem;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;border:1px solid var(--border2);background:var(--bg);color:var(--text);transition:border-color .1s,background .1s}.btn-download{background:var(--accent);color:var(--dark-accent);border-color:var(--accent);font-weight:600}.btn-download:hover{opacity:.85}.btn-preview:hover{border-color:var(--muted)}.btn-clear-results{align-self:flex-start;color:var(--muted);font-size:.7rem}.btn-clear-results:hover{color:var(--error-text);border-color:#ef444466}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.error{background:#ef44442e;color:var(--error-text);border:1px solid rgba(239,68,68,.35)}.badge.streamed{background:#3b82f62e;color:var(--info-text);border:1px solid rgba(59,130,246,.35)}.badge.recovered{background:#f59e0b2e;color:var(--warning-text);border:1px solid rgba(245,158,11,.35)}.viewer-section{position:fixed;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;flex-direction:column}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.viewer-header .section-header{margin-bottom:0}.viewer-controls{display:flex;align-items:center;gap:6px}.viewer-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border2);background:var(--surface);border-radius:6px;color:var(--text);cursor:pointer;transition:border-color .1s,background .1s}.viewer-btn svg{width:16px;height:16px}.viewer-btn:hover{border-color:var(--muted);background:var(--panel-bg)}.viewer-btn:disabled{opacity:.35;cursor:not-allowed}.viewer-btn-close{color:var(--error-text)}.viewer-btn-close:hover{border-color:#ef444480}.viewer-separator{width:1px;height:20px;background:var(--border2);margin:0 4px}.viewer-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.viewer-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer-page{display:none}.viewer-page.active{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.viewer-page img{max-width:100%;max-height:100%;object-fit:contain;display:block;border:1px solid var(--border);background:var(--panel)}.viewer-section.rotated .viewer-page img{transform:rotate(90deg);max-width:90vh;max-height:90vw}.viewer-thumbnails{border-top:1px solid var(--border);background:var(--panel);padding:10px 16px}.thumbnail-track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.thumbnail{flex-shrink:0;padding:0;border:1px solid var(--border2);border-radius:4px;background:var(--surface);cursor:pointer;opacity:.6;transition:opacity .1s,border-color .1s}.thumbnail img{height:64px;width:auto;display:block}.thumbnail:hover{opacity:.9}.thumbnail.active{opacity:1;border-color:var(--accent-dim)}.nav-tabs,.footer,.grain,.header,.tagline,.logo,.theme-toggle,.manga-search-trigger{display:none!important}.app-footer{margin-top:24px;text-align:center;line-height:1.8;color:var(--muted2)}.app-footer code{font-family:JetBrains Mono,monospace;font-size:.68rem;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--muted)}.local-only-note{font-size:.78rem;font-weight:600;color:var(--muted-text)}.author-credit{margin:4px 0 0;font-size:.72rem;color:var(--muted2)}.author-credit a{color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--border)}.author-credit a:hover{color:var(--text)}.left-column,.right-column{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.conversions-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.conversions-panel .group-heading{margin-bottom:4px}.conversions-panel .progress-section,.conversions-panel .results-section{background:transparent;border:none;padding:0}.conversions-panel .results-section+.progress-section,.conversions-panel .progress-section+.results-section{border-top:1px solid var(--border2);padding-top:10px}.conversions-panel .results-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.convert-action{display:flex;flex-direction:column;gap:8px}.convert-warning{padding:8px 12px;border:1px solid rgba(245,158,11,.35);background:#7f500b2e;border-radius:8px;color:var(--warning-text);font-size:.78rem;line-height:1.45}@media(min-width:860px){.layout{max-width:1240px;min-height:100vh;display:grid;grid-template-columns:1fr 540px;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header   header" "notice   notice" "left     right" "footer   footer";align-items:start;gap:8px 14px}.app-header{grid-area:header}.converter-notice,.recovered-notice{grid-area:notice}.left-column{grid-area:left}.right-column{grid-area:right}.app-footer{grid-area:footer;align-self:end}}@media(max-width:640px){.options-cols{grid-template-columns:1fr}.options-col+.options-col{border-left:none;border-top:1px solid var(--border)}}.options-full{border-top:1px solid var(--border)}.option--slider{flex-direction:row;align-items:center;gap:10px;min-width:0}.option--slider>label{flex:0 0 auto;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;white-space:nowrap}.slider{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:18px;cursor:pointer;margin:0;padding:0}.slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--border2)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;transition:transform .1s}.slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.slider::-moz-range-track{height:3px;border-radius:2px;background:var(--border2)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;transition:transform .1s}.slider:hover::-moz-range-thumb{transform:scale(1.08)}.slider-val{flex:0 0 auto;min-width:44px;text-align:right;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted);white-space:nowrap}.slider{min-width:0}.options-panel::-webkit-scrollbar,.thumbnail-track::-webkit-scrollbar{width:6px;height:6px}.options-panel::-webkit-scrollbar-track,.thumbnail-track::-webkit-scrollbar-track{background:transparent}.options-panel::-webkit-scrollbar-thumb,.thumbnail-track::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:var(--panel-bg, #1f1f25);color:#fff;font-size:14px;box-shadow:0 4px 12px #0000004d;cursor:pointer;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-error{background:#991b1b;border-left:4px solid #dc2626}.toast-warning{background:#92400e;border-left:4px solid #f59e0b}.toast-success{background:#065f46;border-left:4px solid #10b981}.toast-info{background:#1e40af;border-left:4px solid #3b82f6}.toast-message{flex:1;margin-right:12px}.toast-dismiss{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0 4px;opacity:.7}.toast-dismiss:hover{opacity:1}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px;text-align:center;background:var(--bg)}.error-boundary h2{margin:0 0 16px;font-size:1.5rem;color:var(--text)}.error-boundary p{margin:0 0 24px;color:var(--muted)}.error-boundary button{padding:10px 24px;background:var(--accent);color:var(--dark-accent);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.error-boundary button:hover{background:var(--accent-light)}