@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Exo+2:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#fff;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0a0a0f);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0a0a0f)}50%{background:linear-gradient(135deg,#1a1a2e,#0a0a0f 50%,#1a1a2e)}}code{font-family:Orbitron,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.App{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem}.container{margin:0 auto;max-width:1000px}.header{color:#fff;margin-bottom:2rem;text-align:center}.header h1{color:#00d4ff;font-size:2.5rem;margin-bottom:.5rem}.header p{color:#0f8;font-size:1.1rem}.main-content{background:#1a1a2ecc;border:2px solid #00d4ff4d;border-radius:16px;padding:2rem}.upload-section{margin-bottom:2rem}.upload-zone{background:#0003;border:3px dashed #00d4ff80;border-radius:12px;cursor:pointer;padding:3rem;text-align:center;transition:all .3s ease}.upload-zone:hover{background:#00d4ff1a;border-color:#00d4ff}.upload-zone.dragover{background:#00ff881a;border-color:#0f8}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-zone h3{color:#00d4ff;margin-bottom:.5rem}.upload-zone p{color:#888}.file-input{display:none}.selected-file{color:#0f8;font-weight:700;margin-top:1rem;text-align:center}.controls-section{background:#0003;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{color:#00d4ff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:.5rem}.control-value{color:#0f8}.control-group input[type=range]{-webkit-appearance:none;background:#00d4ff33;border-radius:4px;height:8px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#00d4ff,#0f8);border-radius:50%;cursor:pointer;height:20px;width:20px}.hint{color:#888;display:block;font-size:.85rem;margin-top:.25rem}.checkbox-group{margin-top:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:10px}.checkbox-label input{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#00d4ff}.convert-button{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.convert-button:hover:not(:disabled){box-shadow:0 4px 20px #00d4ff66;transform:translateY(-2px)}.convert-button:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ff00001a;border:1px solid #f44;border-radius:8px;color:#f66;margin-bottom:1rem;padding:1rem;text-align:center}.preview-section{margin-top:2rem}.preview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:768px){.preview-grid{grid-template-columns:1fr}}.preview-box{background:#0000004d;border:1px solid #00d4ff4d;border-radius:12px;padding:1rem}.preview-box h3{color:#00d4ff;margin-bottom:1rem;text-align:center}.preview-content{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;min-height:250px;overflow:hidden;padding:1rem}.preview-content img,.preview-content svg{max-height:300px;max-width:100%;object-fit:contain}.preview-content .empty,.preview-content .loading{color:#888}.download-section{text-align:center}.download-button{background:linear-gradient(135deg,#0f8,#00d4ff);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.download-button:hover{box-shadow:0 4px 20px #0f86;transform:translateY(-2px)}.mode-selector{margin-bottom:1rem}.mode-selector label{color:#00d4ff;display:block;font-weight:700;margin-bottom:.75rem}.mode-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.mode-btn{background:#0000004d;border:2px solid #00d4ff4d;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.mode-btn:hover{border-color:#00d4ff;color:#00d4ff}.mode-btn.active{background:#00ff881a;border-color:#0f8;color:#0f8}.detected-mode{background:#0003;border-radius:8px;color:#888;margin-bottom:1rem;padding:.5rem;text-align:center}.detected-mode strong{color:#0f8}
/*# sourceMappingURL=main.6585c3dd.css.map*/