.manga-search-overlay{position:fixed;inset:0;background:#1a181799;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .15s ease}.manga-search-modal{width:90%;max-width:640px;max-height:70vh;background:var(--paper);border:var(--border);display:flex;flex-direction:column;box-shadow:6px 6px 0 var(--ink)}.manga-search-header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border)}.manga-search-header-top{display:flex;align-items:center;justify-content:space-between}.manga-search-header h2{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.manga-search-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light);margin-top:var(--space-xs)}.manga-search-hint a{color:var(--ink)}.manga-search-hint a:hover{color:var(--accent)}.manga-search-hint-underline{font-family:var(--font-mono);font-size:.7rem;color:var(--ink);text-decoration:underline;margin-left:auto;margin-right:var(--space-sm)}.manga-search-hint-underline:hover{color:var(--accent)}.manga-search-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:var(--border-light);font-size:1.2rem;cursor:pointer;color:var(--ink);transition:all .15s}.manga-search-close:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.manga-search-input-wrap{position:relative;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-light)}.manga-search-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.9rem;background:var(--paper-dark);border:var(--border);color:var(--ink);outline:none}.manga-search-input:focus{outline:2px solid var(--ink);outline-offset:1px}.manga-search-spinner{position:absolute;right:calc(var(--space-lg) + var(--space-md));top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--ink-faded);border-top-color:var(--ink);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.manga-search-results{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-lg) var(--space-lg)}.manga-search-error,.manga-search-empty{padding:var(--space-lg);text-align:center;font-family:var(--font-mono);font-size:.85rem;color:var(--ink-faded)}.manga-search-error{color:var(--accent)}.manga-search-error a{color:var(--ink);text-decoration:underline}.manga-search-item{display:block;padding:var(--space-sm) var(--space-sm);border-bottom:var(--border-light);text-decoration:none;color:inherit;transition:background-color .1s;cursor:pointer}.manga-search-item:last-child{border-bottom:none}.manga-search-item:hover{background:var(--paper-dark)}.manga-search-item-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:var(--space-xs)}.manga-search-item:hover .manga-search-item-title{color:var(--accent)}.manga-search-item-meta{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faded);flex-wrap:wrap}.manga-search-seed{color:#2a7f2a}.manga-search-leech{color:var(--accent)}.manga-search-item-actions{margin-top:var(--space-xs)}.manga-search-magnet{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;color:var(--ink-light);text-decoration:none;padding:2px var(--space-sm);border:var(--border-light);transition:all .15s}.manga-search-magnet:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.header{position:relative}.manga-search-trigger{position:absolute;right:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:var(--border-light);color:var(--ink);cursor:pointer;transition:all .15s}.manga-search-trigger:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.manga-search-trigger svg{width:16px;height:16px}:root{--paper: #fafafa;--paper-dark: #f0f0f0;--ink: #1a1817;--ink-light: #4a4745;--ink-faded: #8a8785;--accent: #c23c2a;--accent-hover: #a32f1f;--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-overlay: 300;--z-grain: 400;--font-display: "Libre Franklin", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--border: 1.5px solid var(--ink);--border-light: 1px solid var(--ink-faded)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);font-weight:400;background:var(--paper);color:var(--ink);min-height:100dvh;line-height:1.5}.grain{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:var(--z-grain)}.layout{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg);display:grid;gap:var(--space-xl)}@media(min-width:768px){.layout{padding:var(--space-2xl);grid-template-columns:1fr 280px;grid-template-areas:"header header" "nav nav" "mode-toggle mode-toggle" "dropzone options" "files options" "action options" "progress progress" "results results" "viewer viewer" "footer footer"}.header{grid-area:header}.nav-tabs{grid-area:nav}.mode-toggle{grid-area:mode-toggle}.dropzone-wrapper{grid-area:dropzone}.options-panel{grid-area:options;align-self:start}.file-list{grid-area:files}.action-section{grid-area:action;align-self:start}.progress-section{grid-area:progress}.results-section{grid-area:results}.viewer-section{grid-area:viewer}.footer{grid-area:footer}.soon-placeholder{grid-area:dropzone / dropzone / viewer / options}}.header{text-align:center;padding-bottom:var(--space-lg);border-bottom:var(--border)}.logo{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline;justify-content:center}.logo-xtc{color:var(--ink)}.logo-dot{color:var(--accent);font-size:1.3em;line-height:0}.logo-js{color:var(--ink-light)}.tagline{margin-top:var(--space-sm);font-size:.9rem;color:var(--ink-faded);letter-spacing:.02em}.tagline em{font-family:var(--font-serif);font-style:italic;color:var(--ink-light)}.nav-tabs{display:flex;gap:var(--space-md);justify-content:center;margin-top:calc(-1 * var(--space-lg))}.nav-tab{font-family:var(--font-mono);font-size:1rem;font-weight:500;text-decoration:none;color:var(--ink-faded);transition:color .15s}.nav-tab:before{content:"[ "}.nav-tab:after{content:" ]"}.nav-tab:hover,.nav-tab.active{color:var(--ink)}.soon-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);min-height:300px;background:var(--paper-dark);border:2px dashed var(--ink-faded)}.soon-placeholder h2{font-family:var(--font-serif);font-size:1.75rem;color:var(--ink);margin:0}.soon-placeholder p{font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--ink-faded);margin:0}.soon-placeholder .coming-soon-text{font-size:1rem;opacity:.6}.converter-notice{grid-column:1 / -1;padding:var(--space-sm) var(--space-md);background:var(--paper-dark);border-left:3px solid var(--ink-faded);margin-bottom:calc(-1 * var(--space-md))}.converter-notice p{font-size:.85rem;color:var(--ink-light);font-style:italic}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.section-header h2{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faded)}.badge{font-family:var(--font-mono);font-size:.7rem;font-weight:500;background:var(--ink);color:var(--paper);padding:.15em .5em;border-radius:2px}.about-page{grid-column:1 / -1}.about-page h1{font-family:var(--font-serif);font-size:2rem;font-weight:400;font-style:italic;color:var(--ink);margin-bottom:var(--space-md)}.about-page .content-section:first-child{border-top:none;padding-top:0}.content-section{grid-column:1 / -1;padding:var(--space-lg) 0;border-top:var(--border-light)}.content-section h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;font-style:italic;color:var(--ink);margin-bottom:var(--space-md)}.content-section p{color:var(--ink-light);line-height:1.7;max-width:65ch}.feature-list,.steps-list{color:var(--ink-light);line-height:1.8;padding-left:var(--space-lg)}.feature-list li,.steps-list li{margin-bottom:var(--space-sm)}.feature-list li strong,.steps-list li strong{color:var(--ink)}.faq-item{border-bottom:var(--border-light);padding:var(--space-md) 0}.faq-item:last-child{border-bottom:none}.faq-item summary{font-weight:500;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-sm)}.faq-item summary:before{content:"+";font-family:var(--font-mono);font-size:1.2rem;color:var(--accent);transition:transform .2s}.faq-item[open] summary:before{content:"−"}.faq-item p{margin-top:var(--space-sm);padding-left:var(--space-lg);color:var(--ink-light);line-height:1.7}.footer{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);border-top:var(--border-light);font-size:.8rem;color:var(--ink-faded);text-align:center}.footer-links{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.footer-links span{color:var(--ink-faded)}.footer a{color:var(--ink-light);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.footer a:hover{border-color:var(--ink-light)}.hidden{display:none!important}::selection{background:var(--ink);color:var(--paper)}.dropzone-wrapper{position:relative}.dropzone{position:relative;border:2px dashed var(--ink-faded);background:var(--paper-dark);padding:var(--space-2xl) var(--space-lg);cursor:pointer;transition:all .2s ease;outline:none}.dropzone:before{content:"";position:absolute;inset:4px;border:1px dashed transparent;pointer-events:none;transition:border-color .2s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--ink);background:var(--paper)}.dropzone.dragover{border-color:var(--accent);border-style:solid;background:var(--paper)}.dropzone.dragover:before{border-color:var(--accent)}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.dropzone-icon{width:48px;height:48px;color:var(--ink-faded);transition:color .2s,transform .2s}.dropzone:hover .dropzone-icon,.dropzone.dragover .dropzone-icon{color:var(--ink);transform:translateY(-2px)}.dropzone-text{text-align:center}.dropzone-primary{display:block;font-size:1.1rem;font-weight:700;color:var(--ink)}.dropzone-secondary{display:block;font-size:.85rem;color:var(--ink-faded);margin-top:var(--space-xs)}.options-panel{background:var(--paper-dark);padding:var(--space-lg);border:var(--border-light);align-self:start}.option{margin-bottom:var(--space-md)}.option.checkbox-option{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.option.checkbox-option label{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:0;cursor:pointer;text-transform:none;font-size:.85rem;color:var(--ink)}.option.checkbox-option label.disabled{opacity:.5;cursor:not-allowed}.option.checkbox-option input:disabled{cursor:not-allowed}.option.checkbox-option input{width:auto;margin:0}.option:last-child{margin-bottom:0}.option label{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faded);margin-bottom:var(--space-xs)}.option select,.option input{width:100%;padding:var(--space-sm) var(--space-sm);font-family:var(--font-mono);font-size:.85rem;background:var(--paper);border:var(--border);color:var(--ink);cursor:pointer;transition:background-color .15s}.option select:hover,.option input:hover{background:#fff}.option select:focus,.option input:focus{outline:2px solid var(--ink);outline-offset:1px}.input-with-unit{display:flex;align-items:stretch}.input-with-unit input{border-right:none;flex:1}.input-with-unit .unit{display:flex;align-items:center;padding:0 var(--space-sm);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.8rem;font-weight:500}.file-list{margin-top:calc(-1 * var(--space-md))}.files-grid{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--paper-dark);border-left:3px solid var(--ink)}.file-item .name{flex:1;font-family:var(--font-mono);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .size{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faded)}.file-item .remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-faded);font-size:1.2rem;cursor:pointer;transition:color .15s}.file-item .remove:hover{color:var(--accent)}.btn-convert{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--ink);color:var(--paper);border:none;font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .15s,transform .1s}.btn-convert svg{width:18px;height:18px;transition:transform .2s}.btn-convert:hover:not(:disabled){background:var(--accent)}.btn-convert:hover:not(:disabled) svg{transform:translate(4px)}.btn-convert:active:not(:disabled){transform:scale(.98)}.btn-convert:disabled{opacity:.5;cursor:not-allowed}.progress-section{padding:var(--space-lg);background:var(--paper-dark);border:var(--border)}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}.progress-text{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-light)}.progress-percent{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--ink)}.progress-track{height:4px;background:var(--paper);border:1px solid var(--ink-faded);overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--ink);transition:width .3s ease-out}.preview-container{margin-top:var(--space-lg);display:flex;justify-content:center}.preview-container img{max-height:300px;border:var(--border);box-shadow:8px 8px 0 var(--ink)}.results-section{padding-top:var(--space-md)}.results-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--paper-dark);border:var(--border)}.result-item .name{font-family:var(--font-mono);font-size:.9rem;font-weight:500}.result-item .info{font-size:.8rem;color:var(--ink-faded);margin-top:var(--space-xs)}.result-item.error{border-color:var(--accent);border-left-width:4px}.result-item.error .name{color:var(--accent)}.result-actions{display:flex;gap:var(--space-xs)}.btn-preview,.btn-download{padding:var(--space-sm) var(--space-md);background:var(--paper);border:var(--border);font-family:var(--font-mono);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-preview:hover,.btn-download:hover{background:var(--ink);color:var(--paper)}.viewer-section{grid-column:1 / -1;background:var(--ink);margin:0 calc(-1 * var(--space-lg));padding:var(--space-lg);position:relative;z-index:var(--z-overlay)}@media(min-width:768px){.viewer-section{margin:0 calc(-1 * var(--space-2xl));padding:var(--space-xl) var(--space-2xl)}}.viewer-section .section-header h2{color:var(--paper-dark)}.viewer-section .badge{background:var(--paper);color:var(--ink)}.viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.viewer-controls{display:flex;align-items:center;gap:var(--space-xs)}.viewer-separator{width:1px;height:24px;background:var(--ink-faded);margin:0 var(--space-xs)}.viewer-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ink-faded);color:var(--paper-dark);cursor:pointer;transition:all .15s}.viewer-btn svg{width:20px;height:20px}.viewer-btn:hover:not(:disabled){background:var(--paper);color:var(--ink);border-color:var(--paper)}.viewer-btn:disabled{opacity:.3;cursor:not-allowed}.viewer-btn-close{margin-left:var(--space-sm);border-color:var(--accent);color:var(--accent)}.viewer-btn-close:hover{background:var(--accent)!important;color:var(--paper)!important;border-color:var(--accent)!important}.viewer-container{position:relative;overflow:hidden;background:#000;border:1px solid var(--ink-light)}.viewer-track{display:flex;transition:transform .4s ease-out}.viewer-page{flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:var(--space-md);min-height:400px}.viewer-page img{max-width:100%;max-height:70vh;object-fit:contain;image-rendering:pixelated;transition:transform .3s ease}.viewer-section.rotated .viewer-page img{transform:rotate(-90deg);max-width:70vh;max-height:100%}.viewer-thumbnails{margin-top:var(--space-md);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ink-light) transparent}.viewer-thumbnails::-webkit-scrollbar{height:6px}.viewer-thumbnails::-webkit-scrollbar-track{background:transparent}.viewer-thumbnails::-webkit-scrollbar-thumb{background:var(--ink-light)}.thumbnail-track{display:flex;gap:var(--space-xs);padding:var(--space-xs) 0}.thumbnail{flex:0 0 auto;width:60px;height:100px;background:#000;border:2px solid transparent;cursor:pointer;opacity:.6;transition:all .15s;overflow:hidden}.thumbnail:hover{opacity:1}.thumbnail.active{border-color:var(--paper);opacity:1}.thumbnail img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.mode-toggle{display:flex;gap:var(--space-xs);justify-content:center;padding:var(--space-sm);background:var(--paper-dark);border:var(--border-light)}.mode-toggle button{flex:1;max-width:150px;padding:var(--space-sm) var(--space-lg);background:var(--paper);border:var(--border);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.mode-toggle button:hover:not(.active){background:var(--paper-dark)}.mode-toggle button.active{background:var(--ink);color:var(--paper)}.type-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;background:var(--accent);color:var(--paper);padding:.15em .5em;border-radius:2px;margin-left:auto}.type-error{padding:var(--space-sm) var(--space-md);background:var(--accent);color:var(--paper);margin-bottom:var(--space-md)}.type-error p{font-size:.85rem;margin:0}.page-info{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-light);padding:var(--space-sm) var(--space-md);background:var(--paper);border:var(--border-light);margin-top:var(--space-sm)}.help-text{display:block;font-size:.75rem;color:var(--ink-faded);margin-top:var(--space-xs)}.action-section{margin-top:var(--space-md)}.action-section .help-text{text-align:center;margin-top:var(--space-sm)}.download-all{margin-top:var(--space-md);text-align:center}.btn-download-all{padding:var(--space-sm) var(--space-lg);background:var(--ink);color:var(--paper);border:none;font-family:var(--font-mono);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-download-all:hover{background:var(--accent)}.output-info{display:flex;flex-direction:column;gap:var(--space-xs)}.output-format-badge{display:inline-block;font-family:var(--font-mono);font-size:.85rem;font-weight:600;background:var(--ink);color:var(--paper);padding:var(--space-sm);text-align:center}.output-hint{font-size:.75rem;color:var(--ink-faded);font-style:italic}.output-preview{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--paper);border:var(--border-light);font-size:.85rem;color:var(--ink-light)}.output-preview strong{color:var(--ink)}.result-item{position:relative}.result-item.selected{border-color:var(--accent)}.result-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;flex-shrink:0}.result-checkbox input{position:absolute;opacity:0;width:0;height:0}.result-checkbox .checkmark{width:18px;height:18px;border:2px solid var(--ink-faded);background:var(--paper);transition:all .15s}.result-checkbox input:checked+.checkmark{background:var(--ink);border-color:var(--ink)}.result-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--paper);border-width:0 2px 2px 0;transform:rotate(45deg)}.result-checkbox:hover .checkmark{border-color:var(--ink)}.result-info{flex:1;min-width:0}.btn-select-all{margin-left:auto;padding:var(--space-xs) var(--space-sm);background:none;border:var(--border-light);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faded);cursor:pointer;transition:all .15s}.btn-select-all:hover{border-color:var(--ink);color:var(--ink)}.results-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.btn-move-converter{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--paper);border:none;font-family:var(--font-mono);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-move-converter svg{width:16px;height:16px}.btn-move-converter:hover{background:var(--accent-hover)}.converter-hint{margin-top:var(--space-sm);font-size:.8rem;color:var(--ink-faded);font-style:italic}.transfer-notice{grid-column:1 / -1;padding:var(--space-sm) var(--space-md);background:var(--accent);color:var(--paper);margin-bottom:calc(-1 * var(--space-md));animation:fadeIn .3s ease}.transfer-notice p{font-size:.85rem;margin:0;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recovered-notice{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--ink);color:var(--paper);margin-bottom:calc(-1 * var(--space-md));animation:fadeIn .3s ease}.recovered-notice p{font-size:.85rem;margin:0;font-weight:500}.recovered-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.btn-dismiss,.btn-clear-all{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--paper);color:var(--paper);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .15s}.btn-dismiss:hover{background:var(--paper);color:var(--ink)}.btn-clear-all{border-color:var(--accent);color:var(--accent)}.btn-clear-all:hover{background:var(--accent);color:var(--paper)}.btn-clear-results{margin-left:auto;padding:var(--space-xs) var(--space-sm);background:none;border:var(--border-light);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faded);cursor:pointer;transition:all .15s}.btn-clear-results:hover{border-color:var(--accent);color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header{animation:fadeUp .5s ease-out}.dropzone-wrapper{animation:fadeUp .5s ease-out .1s both}.options-panel{animation:fadeUp .5s ease-out .2s both}.file-item{animation:slideIn .3s ease-out both}.file-item:nth-child(1){animation-delay:0s}.file-item:nth-child(2){animation-delay:.05s}.file-item:nth-child(3){animation-delay:.1s}.file-item:nth-child(4){animation-delay:.15s}.file-item:nth-child(5){animation-delay:.2s}.result-item{animation:fadeUp .4s ease-out both}.result-item:nth-child(1){animation-delay:0s}.result-item:nth-child(2){animation-delay:.08s}.result-item:nth-child(3){animation-delay:.16s}.result-item:nth-child(4){animation-delay:.24s}.progress-section:not(.hidden){animation:fadeIn .3s ease-out}.progress-section.processing .progress-text:after{content:"";animation:pulse 1.5s ease-in-out infinite}.preview-container img{animation:fadeUp .4s ease-out}.dropzone.dragover .dropzone-icon{animation:bounce .4s ease}@keyframes bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(-8px)}}.btn-convert.loading{pointer-events:none;position:relative}.btn-convert.loading span{opacity:0}.btn-convert.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--paper);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-list:not(.hidden),.results-section:not(.hidden),.viewer-section:not(.hidden){animation:fadeUp .4s ease-out}@keyframes focusRing{0%{outline-offset:0}50%{outline-offset:3px}to{outline-offset:1px}}.dropzone:focus-visible{animation:focusRing .3s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}