.main-container{max-width:1400px;margin:0 auto;padding:30px 20px;font-family:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif";color:#333}.header{text-align:center;margin-bottom:40px}.header-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:1.1rem;color:#64748b;font-weight:400}.content-wrapper{display:flex;gap:30px}@media (max-width: 1024px){.content-wrapper{flex-direction:column}}.controls-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px}.preview-column{width:500px}@media (max-width: 1024px){.preview-column{width:100%}}.upload-container{border:2px dashed #e0e0e0;border-radius:12px;padding:40px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-container:hover{border-color:#4f46e5;background-color:#f8f9fa}.upload-content{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon{width:60px;height:60px;color:#4f46e5;margin-bottom:10px}.upload-text{font-size:1.1rem;color:#555;margin:0}.upload-button{display:inline-block;padding:12px 24px;background-color:#4f46e5;color:#fff;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s;border:none}.upload-button:hover{background-color:#4338ca}.file-input{display:none}.file-type-hint{font-size:.9rem;color:#888;margin:0}.settings-container{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 15px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:.95rem;font-weight:500;color:#1e293b}.text-input{width:96%;padding:12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem}.text-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-value{text-align:center;font-weight:500;color:#4f46e5}.apply-button{padding:12px 24px;background-color:#4f46e5;color:#fff;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s;border:none}.apply-button:disabled{background-color:#c7d2fe;cursor:not-allowed}.apply-button:hover:not(:disabled){background-color:#4338ca}.button-loading{display:flex;align-items:center;gap:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-container{background-color:#e8f5e9;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.success-icon{width:50px;height:50px;color:#4caf50}.result-title{font-size:1.3rem;font-weight:600;color:#2e7d32;margin:0}.download-button{padding:12px 24px;background-color:#4caf50;color:#fff;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block}.download-button:hover{background-color:#3e8e41}.preview-container{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid #e2e8f0}.preview-icon{width:28px;height:28px;color:#4f46e5}.preview-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;flex:1}.preview-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px}.pdf-viewer{width:100%;height:100%;border:none;border-radius:8px}.empty-preview{text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{width:60px;height:60px;color:#cbd5e1;margin-bottom:10px}.empty-text{font-size:1.1rem;font-weight:500;color:#475569;margin:0}.empty-hint{font-size:.9rem;margin:0}