*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.app-container{max-width:none;margin:0 auto;padding:20px;width:100%}.app-header{background:#fff;color:#1a252f;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.app-header h1{color:#1a252f;font-size:2rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em}.file-controls{display:flex;align-items:center;gap:10px}.file-input{display:none}.file-input-label{background:#3498db;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.5rem;transition:all .2s;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em;box-shadow:0 2px 4px #3498db4d}.file-input-label:hover{background:#2980b9}.accessibility-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-right:60px}.control-btn{background:#ecf0f1;border:2px solid #bdc3c7;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;min-width:44px;min-height:44px}.control-btn:hover{background:#d5dbdb;border-color:#95a5a6}.control-btn:focus{outline:3px solid #3498db;outline-offset:2px}.quality-controls{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #dee2e6}.quality-controls label{font-size:1.2rem;color:#2c3e50;font-weight:600;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.quality-slider{width:80px;height:4px;background:#dee2e6;border-radius:2px;outline:none;-webkit-appearance:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#3498db;border-radius:50%;cursor:pointer}.quality-slider::-moz-range-thumb{width:16px;height:16px;background:#3498db;border-radius:50%;cursor:pointer;border:none}#qualityValue{font-size:1.2rem;color:#2c3e50;font-weight:600;min-width:30px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-controls{display:flex;align-items:center;gap:8px}.page-controls label{font-size:1.2rem;color:#2c3e50;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-select{padding:6px 10px;border:2px solid #dee2e6;border-radius:6px;background:#fff;font-size:1.2rem;color:#2c3e50;font-weight:500;cursor:pointer;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .2s ease}.page-select:hover{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.page-controls #pageInfo{font-size:1.2rem;color:#2c3e50;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-content{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.pdf-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:auto;min-height:600px;position:relative;width:100%;max-width:none;margin:0 auto}.pdf-viewer{width:100%;min-height:600px;overflow:auto;position:relative;display:block;max-width:none}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#7f8c8d}.spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magnification-panel{position:fixed;bottom:20px;left:20px;right:20px;background:#fff;border:2px solid #3498db;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;height:160px;max-width:calc(100vw - 40px);overflow:hidden;resize:both}.magnification-panel.resizing{transition:none;cursor:nw-resize}.magnification-panel.dragging{transition:none;cursor:move;position:fixed!important}.magnification-panel.resizing{transition:none;cursor:nw-resize;position:fixed!important}.resize-handle{position:absolute;top:0;left:0;right:0;height:8px;background:#3498db4d;cursor:n-resize;border-radius:12px 12px 0 0}.resize-handle:hover{background:#3498db80}.panel-header{background:#3498db;color:#fff;padding:4px 15px;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:move;max-width:100%;overflow:hidden}.panel-header:before{content:"⋮⋮";position:absolute;top:8px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:12px;letter-spacing:-2px;pointer-events:none}.panel-header:hover:before{color:#ffffffe6}.panel-header h3{font-size:1.5rem;font-weight:500}.close-btn{background:none;border:none;color:#fff;font-size:1.8rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#fff3}.panel-content{padding:4px 15px;flex:1;overflow-y:auto;overflow-x:auto;max-height:80px;white-space:nowrap}.magnified-text{font-size:1.2rem;line-height:1.8;color:#2c3e50;margin-bottom:15px;white-space:pre;font-family:monospace}.copy-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.copy-btn:hover{background:#229954}.copy-btn:focus{outline:3px solid #27ae60;outline-offset:2px}.panel-footer{background:#f8f9fa;padding:6px 15px;border-top:1px solid #dee2e6;border-radius:0 0 10px 10px}.fontSizeSlider{flex:1;min-width:150px;height:6px;background:#ecf0f1;border-radius:3px;outline:none;-webkit-appearance:none}.fontSizeSlider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#3498db;border-radius:50%;cursor:pointer}.fontSizeSlider::-moz-range-thumb{width:20px;height:20px;background:#3498db;border-radius:50%;cursor:pointer;border:none}.instructions{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.instructions h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.instructions ul{list-style-position:inside;color:#555}.instructions li{margin-bottom:8px}.hidden{display:none!important}.pdf-text-line{cursor:pointer;transition:all .2s ease;border-radius:3px;position:absolute;z-index:10;background-color:#ff00001a;border:1px solid rgba(255,0,0,.3)}.pdf-text-line.line-highlight{background-color:#3498db1a;border:1px solid rgba(52,152,219,.3)}.test-area{background-color:#00ff0080!important;border:2px solid green!important;color:#000;font-weight:700;text-align:center;line-height:30px;font-size:12px}.pdf-text-line:hover{background-color:#3498db4d;box-shadow:0 0 8px #3498db66}.pdf-text-line.highlighted{background-color:#3498db80;box-shadow:0 0 12px #3498db99}.font-size-controls{display:flex;align-items:center;gap:10px;justify-content:center}.font-size-controls,.spacing-controls,.bold-controls{display:flex;align-items:center;gap:10px;justify-content:center;flex-shrink:0}.font-size-controls label,.spacing-controls label,.bold-controls label{font-size:1.4rem;color:#2c3e50;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.font-btn{background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.6rem;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.font-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.font-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.font-size-display{font-size:1.4rem;color:#2c3e50;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:50px;text-align:center;background:#f8f9fa;padding:6px 12px;border-radius:4px;border:2px solid #dee2e6}@media (max-width: 768px){.magnification-panel{left:10px;right:10px;bottom:10px;height:140px;max-width:calc(100vw - 20px)}.panel-header{padding:3px 12px}.panel-content{padding:3px 12px;max-height:70px;overflow-x:auto;overflow-y:auto}.panel-footer{padding:4px 12px}.control-row{flex-direction:column;gap:8px;align-items:center}.font-size-controls,.spacing-controls,.bold-controls{gap:8px}.font-btn,.spacing-btn,.bold-btn{width:35px;height:35px;font-size:1.4rem}.font-size-display,.spacing-display,.bold-display{font-size:1.2rem;padding:4px 8px}}@media (max-width: 480px){.magnification-panel{height:120px;left:5px;right:5px;max-width:calc(100vw - 10px)}.panel-content{max-height:60px;overflow-x:auto;overflow-y:auto}.control-row{gap:6px}.font-size-controls,.spacing-controls,.bold-controls{gap:6px;flex-wrap:wrap;justify-content:center}.font-btn,.spacing-btn,.bold-btn{width:32px;height:32px;font-size:1.2rem}.font-size-display,.spacing-display,.bold-display{font-size:1.1rem;padding:3px 6px}}*:focus{outline:3px solid #3498db;outline-offset:2px}*:focus:not(:focus-visible){outline:none}.control-row{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:100%;overflow:hidden}.spacing-btn{background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.6rem;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.spacing-btn:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.spacing-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.spacing-display{font-size:1.4rem;color:#2c3e50;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:50px;text-align:center;background:#f8f9fa;padding:6px 12px;border-radius:4px;border:2px solid #dee2e6}.magnified-text.smart-spacing{--spacing-multiplier: 1}.magnified-text{white-space:nowrap;font-family:monospace;line-height:1.4;min-width:100%;display:inline-block}.bold-btn{background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.6rem;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.bold-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.bold-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.bold-display{font-size:1.4rem;color:#2c3e50;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:50px;text-align:center;background:#f8f9fa;padding:6px 12px;border-radius:4px;border:2px solid #dee2e6}.panel-content::-webkit-scrollbar{height:8px;width:8px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.panel-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.pdf-text-line.current-navigation{background-color:#ffc10766!important;border:2px solid #ffc107!important;box-shadow:0 0 12px #ffc10799!important;z-index:15}.help-button{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:40px;height:40px;background:#3498db;color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0003;z-index:100}.help-button:hover{background:#2980b9;box-shadow:0 4px 12px #0000004d}.help-button:focus{outline:3px solid #f39c12;outline-offset:2px}.help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.help-modal.hidden{display:none}.help-content{background:#fff;border-radius:12px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;font-size:1.3rem;font-weight:500}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-header{background:#3498db;color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.help-header h2{margin:0;font-size:2rem;font-weight:700}.close-help-btn{background:none;border:none;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-help-btn:hover{background:#fff3}.help-body{padding:30px;max-height:calc(80vh - 80px);overflow-y:auto;border-radius:0 0 12px 12px}.help-section{margin-bottom:25px}.help-section:last-child{margin-bottom:0}.help-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.7rem;font-weight:700}.help-section p{color:#555;line-height:1.6;margin-bottom:15px;font-size:1.3rem;font-weight:500}.help-section ul{color:#555;line-height:1.6;padding-left:20px;font-size:1.3rem;font-weight:500}.help-section li{margin-bottom:10px}.help-section ul ul{margin-top:10px;margin-bottom:10px}.help-section strong{color:#2c3e50;font-weight:700}@media (max-width: 768px){.help-content{max-width:90vw;max-height:90vh;margin:20px;font-size:1.2rem}.help-header{padding:15px}.help-header h2{font-size:1.8rem}.help-body{padding:20px;max-height:calc(90vh - 70px)}.help-section h3{font-size:1.6rem}.help-section p,.help-section ul{font-size:1.2rem}}@media (max-width: 480px){.help-button{top:50%;right:15px;width:35px;height:35px;font-size:1.3rem;transform:translateY(-50%)}.help-content{max-width:95vw;margin:10px;font-size:1.1rem}.help-header{padding:12px}.help-body{padding:15px;max-height:calc(95vh - 60px)}.help-header h2{font-size:1.6rem}.help-section h3{font-size:1.5rem}.help-section p,.help-section ul{font-size:1.1rem}}