*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;padding:20px}.container{max-width:1000px;margin:0 auto;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1{text-align:center;margin-bottom:20px;color:#2c3e50}h2{margin:20px 0 15px;color:#2c3e50}p{text-align:center;margin-bottom:30px;color:#7f8c8d}.upload-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;gap:15px}.drop-zone{width:100%;max-width:800px;height:250px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:1.2em;color:#555;border:3px dashed #3498db;border-radius:15px;background-color:#f0f8ff;transition:all .3s ease;cursor:pointer;margin:0 auto 20px;box-shadow:0 5px 15px #0000000d}.drop-zone.drag-over{border-color:#2980b9;background-color:#d6eaf8;color:#2980b9;transform:scale(1.02);box-shadow:0 8px 20px #3498db33}.drop-zone p{margin:10px 0}.drop-zone p:first-child{font-size:1.4em;margin-bottom:15px}.drop-zone input[type=file]{margin-top:20px;padding:12px;background-color:#ffffffb3;border:1px solid #bdc3c7}.file-info{background-color:#e3f2fd;padding:10px 15px;border-radius:5px;margin-top:10px;font-size:14px}.convert-btn{padding:12px 30px;font-size:16px;margin-top:10px}input[type=file]{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;width:70%}button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#2980b9}.preview-section,.download-section{margin-top:30px}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;margin-top:20px}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}.section-header h2{margin:0}.page-container{margin:0;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px #0000001a;text-align:center;position:relative;transition:transform .2s;cursor:pointer}.page-container:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.page-container .download-button{position:absolute;top:10px;right:10px;background-color:#2ecc71cc;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.page-container:hover .download-button{opacity:1}.page-container .download-button:hover{background-color:#27ae60}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.modal-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.modal-content{margin:5% auto;padding:20px;max-width:90%;max-height:80vh;display:flex;flex-direction:column;align-items:center;background-color:#000c;border-radius:10px;pointer-events:auto}.modal-image-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.modal-content img{max-width:100%;max-height:70vh;object-fit:contain}.modal-footer{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.close-modal{color:#fff;position:absolute;top:15px;right:35px;font-size:40px;font-weight:700;cursor:pointer}.close-modal:hover{color:#ccc}.page-container p{margin:5px 0;font-size:14px}.page-container canvas{max-width:100%;height:auto;display:block;margin:0 auto}.download-link{display:inline-block;margin:5px 0;padding:8px 15px;background-color:#2ecc71;color:#fff;text-decoration:none;border-radius:4px;font-size:14px}.download-link:hover{background-color:#27ae60}.loading{text-align:center;padding:20px;font-style:italic;color:#7f8c8d}.privacy-notice{font-size:14px;color:#e74c3c;text-align:center;margin-bottom:20px;font-weight:700}.settings-section{background-color:#f8f9fa;padding:20px;border-radius:12px;margin:20px 0;box-shadow:0 2px 10px #0000000d}.settings-section h3{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:1.3em}.setting-title{font-weight:700;margin-bottom:12px;color:#34495e}.radio-group{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.radio-item{position:relative}.radio-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-item label{display:flex;align-items:center;cursor:pointer;padding:8px 15px;border-radius:30px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.radio-button{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #bdc3c7;margin-right:10px;transition:all .2s ease}.radio-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:#3498db;transition:transform .2s ease}.radio-item input[type=radio]:checked+label{background-color:#e3f2fd;box-shadow:0 2px 8px #3498db33}.radio-item input[type=radio]:checked+label .radio-button{border-color:#3498db}.radio-item input[type=radio]:checked+label .radio-button:before{transform:translate(-50%,-50%) scale(1)}.radio-label{font-weight:500}.download-all-container{text-align:center;margin-bottom:20px}.download-all-btn{background-color:#3498db;color:#fff;padding:12px 25px;font-size:16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .3s}.download-all-btn:hover{background-color:#217dbb}