:root{--primary:#e53e3e;--primary-dark:#c53030;--primary-light:#fed7d7;--secondary:#2d3748;--secondary-light:#4a5568;--accent:#ff6b6b;--success:#38a169;--warning:#ed8936;--error:#e53e3e;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--bg-dark:#1a202c;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-light:#fff;--border:#e2e8f0;--border-focus:#e53e3e;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--gradient-primary:linear-gradient(135deg,#e53e3e,#ff6b6b);--gradient-secondary:linear-gradient(135deg,#2d3748,#4a5568);--gradient-bg:linear-gradient(135deg,#fff,#f7fafc)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#e53e3e;background:var(--primary);border-radius:8px;color:#fff;font-weight:600;left:6px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.skip-link:focus{transform:translateY(0)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#f7fafc);background:var(--gradient-bg);color:#1a202c;color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}:focus{outline:2px solid #e53e3e;outline:2px solid var(--border-focus);outline-offset:2px}:focus-visible{outline:2px solid #e53e3e;outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.app{background:linear-gradient(135deg,#fff,#f7fafc);background:var(--gradient-bg);min-height:100vh;padding:2rem 1rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.header{margin-bottom:4rem;padding:0 1rem;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e53e3e,#ff6b6b);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#1a202c;color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.header p{color:#4a5568;color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.upload-section{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;margin:0 auto;max-width:600px;padding:3rem;text-align:center;transition:all .3s ease}.upload-section,.upload-section:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl)}.upload-section:hover{transform:translateY(-2px)}.file-upload-container{margin-bottom:2rem}.file-input{display:none}.file-label{align-items:center;background:#f7fafc;background:var(--bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:16px;color:#1a202c;color:var(--text-primary);cursor:pointer;display:inline-block;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-bottom:1rem;min-height:120px;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.file-label:hover{border-color:#e53e3e;border-color:var(--primary);transform:translateY(-1px)}.file-label:focus,.file-label:hover{background:#edf2f7;background:var(--bg-tertiary)}.file-label:focus{border-color:#e53e3e;border-color:var(--border-focus)}.file-help{color:#718096;color:var(--text-tertiary);font-size:.9rem;margin-top:.5rem}.action-container{margin-top:2rem}.upload-btn{background:linear-gradient(135deg,#e53e3e,#ff6b6b);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--text-light);cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.05em;padding:1.25rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.upload-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.magic-loading{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.loading-content{flex-direction:column;gap:2rem}.loading-content,.loading-icon{align-items:center;display:flex}.loading-icon{height:80px;justify-content:center;position:relative;width:80px}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #e53e3e;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:80px;position:absolute;width:80px}.step-icon{animation:bounce 1s ease-in-out infinite;font-size:2rem;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-text{text-align:center}.loading-title{color:#1a202c;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.loading-subtitle{color:#4a5568;color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.loading-progress{background:#edf2f7;background:var(--bg-tertiary);border-radius:4px;height:8px;margin-top:1rem;max-width:300px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(135deg,#e53e3e,#ff6b6b);background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .1s ease}.results{background:#fff;background:var(--bg-primary);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;padding:3rem}.success-header{margin-bottom:3rem;text-align:center}.success-header h2{color:#38a169;color:var(--success);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-header p{color:#4a5568;color:var(--text-secondary);font-size:1.125rem}.document-viewer{background:#f7fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:16px;margin-bottom:3rem;padding:2.5rem;text-align:center}.document-viewer h3{color:#1a202c;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.document-actions{margin-bottom:2rem}.view-btn{border-radius:12px;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:1.5rem 3rem;text-transform:uppercase}.share-section{margin:0 auto;max-width:500px}.share-label{color:#4a5568;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.share-url{display:flex;gap:1rem;margin-bottom:.5rem}.share-input{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1a202c;color:var(--text-primary);flex:1 1;font-size:1rem;padding:1rem}.share-input:focus{border-color:#e53e3e;border-color:var(--border-focus);box-shadow:0 0 0 3px #e53e3e1a;outline:none}.share-help{color:#718096;color:var(--text-tertiary);font-size:.875rem;margin-top:.5rem;text-align:left}.quality-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.warning-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.warning-text{color:#856404;font-size:.875rem;line-height:1.4}.warning-text strong{color:#6c5401;font-weight:600}.copy-btn{background:#2d3748;background:var(--secondary);border:none;border-radius:8px;color:#fff;color:var(--text-light);cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#4a5568;background:var(--secondary-light);transform:translateY(-1px)}.copy-btn.copied{background:#38a169;background:var(--success)}.processing-summary{background:#edf2f7;background:var(--bg-tertiary);border-radius:16px;margin-bottom:2rem;padding:2rem}.processing-summary h3{color:#1a202c;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.summary-label{color:#4a5568;color:var(--text-secondary);font-size:.9rem;font-weight:500}.summary-value{color:#1a202c;color:var(--text-primary);font-size:.9rem;font-weight:600}.btn-primary{background:linear-gradient(135deg,#e53e3e,#ff6b6b);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--text-light);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bottom-actions{margin-top:2rem;text-align:center}.btn-secondary{background:#edf2f7;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1a202c;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#f7fafc;background:var(--bg-secondary);transform:translateY(-1px)}.error{background:#fed7d7;border:2px solid #feb2b2;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);color:#c53030;font-size:1.1rem;font-weight:500;line-height:1.6;margin-top:1rem;max-width:100%;overflow-wrap:anywhere;padding:2rem;white-space:pre-wrap;word-break:break-word}.error h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.error p{font-family:Monaco,Menlo,Courier New,monospace;font-size:1rem;margin:0}@media (max-width:768px){.container{padding:0 .5rem}.header h1{font-size:2.5rem}.document-viewer,.results,.upload-section{padding:2rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.share-url{flex-direction:column}.copy-btn{padding:.75rem 1rem}}@media (max-width:480px){.header h1{font-size:2rem}.upload-section{padding:1.5rem}.summary-grid{grid-template-columns:1fr}.view-btn{font-size:1rem;padding:1.25rem 2rem}}.format-benefits{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;border-radius:8px;box-shadow:0 2px 8px #22c55e1a;color:#1a202c;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:2rem;padding:1rem 1.25rem;text-align:center}.format-benefits.warning{color:#d97706;font-weight:500}.format-instructions{background:#00000005;border-left:3px solid #0ea5e9;border-radius:6px;color:#718096;color:var(--text-tertiary);font-size:.875rem;line-height:1.4;margin-top:.75rem;padding:.75rem}.format-section{background:#f7fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.format-section:hover{border-color:#e53e3e;border-color:var(--border-focus);box-shadow:0 4px 12px #0000000d}.review-notice-bottom{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:.875rem;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem}.format-actions{display:flex;flex-direction:column;gap:1rem}.format-section .share-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.format-section .share-label{color:#4a5568;color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:.5rem}@media (max-width:768px){.format-section{margin-bottom:1rem;padding:1rem}.format-header h3{font-size:1.125rem}.format-benefits{font-size:.9rem;padding:.875rem 1rem}.review-notice-bottom{font-size:.8rem;padding:.625rem .875rem}}@media (max-width:480px){.format-benefits{font-size:.875rem;padding:.875rem 1rem}.format-instructions{font-size:.8rem;padding:.625rem}.review-notice-bottom{font-size:.8rem;padding:.625rem .875rem}}
/*# sourceMappingURL=main.9f77e6ee.css.map*/