.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.dialog-card{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-5) var(--space-5);max-width:440px;width:100%}.dialog-close{position:absolute;top:var(--space-3);right:var(--space-3);border:none;background:var(--color-neutral-200);color:var(--color-neutral-700);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dialog-close:hover{background:var(--color-neutral-300)}.dialog-title{font-size:19px;margin-bottom:var(--space-3);color:var(--color-accent-700)}.dialog-body{font-size:15px;line-height:1.6;color:var(--color-text)}.top-bar{height:84px;flex-shrink:0;padding:0 24px;border-bottom:1px solid var(--color-divider);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:relative;z-index:40}.top-bar-file{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;min-width:0}.back-button{display:flex;align-items:center;gap:6px;flex-shrink:0;border:none;background:transparent;cursor:pointer;color:var(--color-neutral-700);font-family:var(--font-body);font-weight:700;font-size:14.5px;padding:8px 10px;border-radius:var(--radius-pill);transition:background .15s ease,color .15s ease}.back-button:hover{background:var(--color-neutral-200);color:var(--color-accent-700)}.top-bar-file-text{display:flex;flex-direction:column;min-width:0}.top-bar-file-row{display:flex;align-items:flex-end;gap:8px;min-width:0}.top-bar-filename-input{min-width:0;max-width:320px;font:inherit;font-weight:600;color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 7px;margin:-4px -7px -1px}.top-bar-filename-input:hover{background:var(--color-neutral-200)}.top-bar-filename-input:focus{outline:none;background:#fff;border-color:var(--color-accent)}.top-bar-pagecount{flex-shrink:0;font-family:var(--font-mono);font-size:12px;color:var(--color-neutral-500);padding-left:23px}.top-bar-brand{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:30px;justify-self:center;border:none;background:transparent;padding:0;color:inherit;text-decoration:none}.top-bar-home-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;justify-self:end}.brand-logo{width:auto;height:60px;flex-shrink:0}.top-bar-export{position:relative;flex-shrink:0;justify-self:end}.lang-toggle{display:flex;gap:2px;padding:3px;flex-shrink:0;background:var(--color-neutral-200);border-radius:var(--radius-pill)}.lang-toggle-btn{border:none;border-radius:var(--radius-pill);padding:5px 9px;font-family:var(--font-body);font-size:12.5px;font-weight:700;cursor:pointer}.export-menu{position:absolute;top:calc(100% + 8px);right:0;width:284px;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:50}.export-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-md);cursor:pointer;width:100%;border:none;background:transparent;font-family:var(--font-body);color:inherit;text-align:left}.export-row:not(:disabled):hover{background:var(--color-accent-100)}.export-row:disabled{opacity:.5;cursor:not-allowed}.export-badge{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#9a5b12;background:#fbe4c0;border-radius:999px;padding:3px 7px}.export-row-label{flex:1;font-size:15.5px;font-weight:600}.export-heading{margin:10px 0 4px;padding:0 14px;color:var(--color-neutral-600)}.export-zip-note{margin-top:6px;padding:9px 14px;background:var(--color-neutral-200);border-radius:var(--radius-md);font-size:13.5px;line-height:1.5;font-style:italic}.export-seg{display:flex;width:calc(100% - 12px);margin:0 6px 6px;border-radius:999px;overflow:hidden}.export-seg-btn{flex:1;border:none;font-family:var(--font-body);font-weight:700;font-size:15px;padding:10px;cursor:pointer}@media(max-width:899px){.top-bar{height:64px;padding:0 16px;gap:10px}.top-bar-brand{font-size:20px;gap:7px}.brand-logo{width:auto;height:44px}.top-bar-file{font-size:14px}.export-menu{top:calc(100% + 6px);right:0;width:230px}.top-bar-export .btn-primary{padding:8px 14px;font-size:14px;gap:5px}.top-bar-home-actions{gap:6px}.top-bar-home-actions .btn{padding:7px 10px;font-size:13px;gap:5px}.lang-toggle-btn{padding:4px 7px;font-size:11.5px}}@media(max-width:480px){.top-bar-pagecount{display:none}.top-bar-filename-input{max-width:none}.top-bar-export-label{display:none}.top-bar-export .btn-primary{padding:8px 10px;gap:0}.top-bar-brand{font-size:0;gap:0}.brand-logo{width:auto;height:36px}.back-button-label{display:none}.back-button{padding:8px}}.empty-state{flex:1;display:flex;justify-content:center;padding:40px;overflow-y:auto}.empty-state-inner{display:flex;flex-direction:column;min-height:100%;gap:36px;width:100%;max-width:560px}.empty-state-content{flex:1;display:flex;flex-direction:column;gap:22px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.hero-title{font-family:var(--font-heading);font-weight:400;font-size:34px;line-height:1.25;margin:0;color:var(--color-text)}.hero-subtitle{margin:0;max-width:440px;font-size:16px;line-height:1.55;color:var(--color-neutral-700)}.dropzone{width:100%;border:2px dashed var(--color-neutral-400);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;background:#fff;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease}.dropzone:hover{background:var(--color-accent-100);border-color:var(--color-accent)}.dropzone-icon{width:44px;height:44px;border-radius:50%;background:var(--color-accent-100);display:flex;align-items:center;justify-content:center}.dropzone-sub{font-size:14.5px;color:var(--color-neutral-600);font-family:var(--font-mono)}.pending-card{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.pending-row{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-divider)}.pending-row-name{flex:1;font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn-plain{border:none;background:transparent;cursor:pointer;color:var(--color-neutral-600);padding:4px;display:flex}.icon-btn-plain:hover{color:var(--color-accent-700)}.pending-actions{padding:16px 18px}.batch-format-box{display:flex;flex-direction:column;gap:6px;border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:14px;background:var(--color-neutral-100);margin-bottom:10px}.batch-format-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);font-weight:700;text-align:center}.batch-format-chips{display:flex;gap:6px;flex-wrap:wrap}.batch-format-chip{flex:1;min-width:70px;padding:9px 10px;border-radius:var(--radius-md);font-size:14.5px;font-weight:700;text-align:center;cursor:pointer;border:none;font-family:var(--font-body)}.dropzone-active{background:var(--color-accent-100);border-color:var(--color-accent)}.pending-row-size{font-family:var(--font-mono);font-size:13.5px;color:var(--color-neutral-500);flex-shrink:0}.inline-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:#fbe9e3;border:1px solid #E8C4B6;color:#8a3b18;font-size:14.5px;line-height:1.5}.inline-error span{flex:1}.site-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:24px;margin-top:8px;border-top:1px solid var(--color-divider);color:var(--color-neutral-500);font-size:13px}.site-footer-brand{font-family:var(--font-heading);color:var(--color-neutral-600)}.site-footer-dot{opacity:.5}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-card{flex-direction:row;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;background:#fff;border:none;width:100%;text-align:left;font-family:var(--font-body);transition:background .15s ease}.recent-card:hover{background:var(--color-accent-100)}.recent-card-name{flex:1;font-size:15.5px;font-weight:600}.recent-card-meta{font-size:14px;color:var(--color-neutral-500)}.feature-section{display:flex;flex-direction:column;gap:12px;margin-top:6px}.feature-section-title{text-align:center;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);font-weight:700;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.feature-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--color-neutral-800);background:#fff;border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-sm)}.feature-item-icon{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--color-accent-100);color:var(--color-accent-700);display:flex;align-items:center;justify-content:center}@media(max-width:899px){.empty-state{padding:20px 16px;justify-content:stretch}.empty-state-inner{gap:24px}.dropzone{padding:20px 16px;background:var(--color-neutral-100)}.dropzone-icon{width:34px;height:34px}.hero-title{font-size:25px}.hero-subtitle{font-size:14.5px}}.reader-screen{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--color-surface)}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--color-divider);background:#fff;flex-shrink:0}.reader-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.reader-header-name{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header-meta{font-size:13px;color:var(--color-neutral-500);font-family:var(--font-mono)}.reader-header-actions{display:flex;gap:10px;flex-shrink:0}.reader-convert-box,.reader-error{margin:14px 24px 0}.reader-viewport{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;padding:32px 24px}.reader-page-wrap{margin:auto;flex-shrink:0;line-height:0}.reader-page{box-shadow:var(--shadow-md);border-radius:2px}.reader-loading{margin:auto;color:var(--color-neutral-500);font-size:14.5px}.reader-footer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-top:1px solid var(--color-divider);background:#fff;flex-shrink:0}.reader-nav,.reader-zoom{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-neutral-700);font-family:var(--font-mono);min-width:92px}.reader-zoom{justify-content:flex-end}@media(max-width:899px){.reader-header,.reader-footer-bar{padding:10px 14px}.reader-convert-box,.reader-error{margin-left:14px;margin-right:14px}.reader-viewport{padding:16px 10px}}:root{--color-bg: #DBDBD6;--color-surface: #D2D2CD;--color-text: #2C2C2A;--color-divider: rgba(44, 44, 42, .14);--color-neutral-100: #F5F5F3;--color-neutral-200: #EBEBE7;--color-neutral-300: #D8D8D3;--color-neutral-400: #B8B8B1;--color-neutral-500: #94948C;--color-neutral-600: #6E6E67;--color-neutral-700: #4E4E48;--color-neutral-800: #383834;--color-neutral-900: #2C2C2A;--color-accent: #1D9E75;--color-accent-100: #d0f0e2;--color-accent-200: #a8e0c8;--color-accent-300: #86d1b3;--color-accent-400: #5cc9a8;--color-accent-500: #1D9E75;--color-accent-600: #178562;--color-accent-700: #0F6E56;--color-accent-800: #0b5443;--color-accent-900: #073c31;--color-accent-2: #1D9E75;--color-accent-2-100: #d0f0e2;--color-accent-2-200: #a8e0c8;--color-accent-2-300: #86d1b3;--color-accent-2-400: #5cc9a8;--color-accent-2-500: #1D9E75;--color-accent-2-600: #178562;--color-accent-2-700: #0F6E56;--color-accent-2-800: #0b5443;--color-accent-2-900: #073c31;--font-heading: "Caprasimo", cursive;--font-body: "Figtree", sans-serif;--font-mono: "Cousine", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(44, 44, 42, .06), 0 1px 3px rgba(44, 44, 42, .08);--shadow-md: 0 4px 12px rgba(44, 44, 42, .1);--shadow-lg: 0 12px 32px rgba(44, 44, 42, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h4,h6{font-family:var(--font-heading);font-weight:400;margin:0}h4{font-size:23px;line-height:1.35}h6{font-size:15px;line-height:1.4}button,input{font-family:var(--font-body)}.text-muted{color:var(--color-neutral-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.unbutton{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:8px}.nav{background:#fff}.nav-brand{font-family:var(--font-heading);color:var(--color-text)}.card{display:flex;border-radius:var(--radius-lg);background:#fff}.elev-sm{box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:700;font-size:15px;padding:10px 18px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,opacity .15s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--color-accent-600)}.btn-secondary{background:var(--color-neutral-200);color:var(--color-text)}.btn-secondary:not(:disabled):hover{background:var(--color-neutral-300)}.btn-icon{padding:9px;width:36px;height:36px;flex-shrink:0}.btn-block{width:100%;border-radius:var(--radius-md);justify-content:flex-start;margin-top:8px}input[type=text],input[type=number]{font-family:var(--font-body);color:var(--color-text);background:#fff}input[type=range]{accent-color:var(--color-accent);cursor:pointer}input:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@font-face{font-family:Carlito;src:url(/fonts/carlito/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Carlito;src:url(/fonts/carlito/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Carlito;src:url(/fonts/carlito/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Carlito;src:url(/fonts/carlito/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Caladea;src:url(/fonts/caladea/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Caladea;src:url(/fonts/caladea/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Caladea;src:url(/fonts/caladea/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Caladea;src:url(/fonts/caladea/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Open Sans;src:url(/fonts/opensans/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:url(/fonts/opensans/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/fonts/opensans/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:url(/fonts/opensans/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Lato;src:url(/fonts/lato/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(/fonts/lato/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Lato;src:url(/fonts/lato/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Lato;src:url(/fonts/lato/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Merriweather;src:url(/fonts/merriweather/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Merriweather;src:url(/fonts/merriweather/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Merriweather;src:url(/fonts/merriweather/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Merriweather;src:url(/fonts/merriweather/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"PT Serif";src:url(/fonts/ptserif/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"PT Serif";src:url(/fonts/ptserif/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"PT Serif";src:url(/fonts/ptserif/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"PT Serif";src:url(/fonts/ptserif/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Source Code Pro;src:url(/fonts/sourcecodepro/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/sourcecodepro/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/sourcecodepro/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Source Code Pro;src:url(/fonts/sourcecodepro/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Nunito;src:url(/fonts/nunito/Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url(/fonts/nunito/Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Nunito;src:url(/fonts/nunito/Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Nunito;src:url(/fonts/nunito/BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}