*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2ebd1;min-height:100vh;color:#8b6914}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#d4af37,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;color:#8b6914}.drop-zone{border:3px dashed #B8860B;border-radius:16px;padding:3rem 2rem;text-align:center;background:#f4e4bc4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;margin-bottom:2rem;color:#8b6914}.drop-zone:hover,.drop-zone.drag-over{border-color:#d4af37;background:#f4e4bc80;transform:translateY(-2px)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-icon{font-size:4rem;opacity:.7}.drop-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.drop-subtext{font-size:1rem;opacity:.8}.file-list{background:#f4e4bc33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin-bottom:2rem;color:#8b6914}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f4e4bc4d;border-radius:8px;margin-bottom:.5rem;color:#8b6914}.file-item:last-child{margin-bottom:0}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{font-size:1.5rem;opacity:.8}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;font-size:1rem;color:#8b6914}.file-size{font-size:.9rem;opacity:.8;color:#b8860b}.progress-container{display:flex;align-items:center;gap:1rem;min-width:200px}.progress-bar{flex:1;height:8px;background:#b8860b33;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#b8860b);transition:width .3s ease;border-radius:4px}.progress-text{font-size:.9rem;font-weight:600;min-width:60px;text-align:right;color:#8b6914}.status-icon{font-size:1.2rem;min-width:24px;text-align:center}.status-pending{color:#b8860b}.status-processing{color:#d4af37;animation:pulse 1.5s infinite}.status-completed{color:#d4af37}.status-error{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(45deg,#d4af37,#b8860b);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.btn-secondary{background:#f4e4bc4d;color:#8b6914;border:1px solid rgba(184,134,11,.3)}.btn-secondary:hover:not(:disabled){background:#f4e4bc80}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.info-section{background:#f4e4bc33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;margin-bottom:2rem;color:#8b6914}.modal-container{background:#f2ebd1!important;background-color:#f2ebd1!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.info-card{text-align:center}.info-card h3{font-size:1.2rem;margin-bottom:.5rem;color:#b8860b}.info-card p{opacity:.9;line-height:1.6}.supported-formats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.format-badge{padding:.5rem 1rem;background:#d4af3733;border:1px solid rgba(184,134,11,.3);border-radius:20px;font-weight:600;font-size:.9rem;color:#8b6914}.privacy-notice{text-align:center;padding:1rem;background:#d4af371a;border:1px solid rgba(184,134,11,.3);border-radius:8px;margin-top:1rem;color:#8b6914}.privacy-notice .icon{font-size:1.5rem;margin-bottom:.5rem;display:block}@media (max-width: 768px){.container{padding:1rem}.header h1{font-size:2rem}.drop-zone{padding:2rem 1rem}.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.progress-container{width:100%;min-width:auto}.controls{flex-direction:column}.info-grid{grid-template-columns:1fr}}