@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{padding:2rem}.container{margin:0 auto;max-width:1400px}.header{color:#fff;margin-bottom:3rem;position:relative;text-align:center}.logo-container{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo{filter:drop-shadow(0 0 20px rgba(0,212,255,.6));height:auto;max-width:300px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:3rem;font-weight:900;letter-spacing:3px;margin-bottom:.5rem;text-shadow:0 0 30px #00d4ff80}.header p{color:#0f8;font-family:Exo\ 2,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:1px;text-shadow:0 0 10px #00ff8880}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:2px solid #00d4ff4d;border-radius:20px;box-shadow:0 0 40px #00d4ff33,inset 0 0 40px #00d4ff0d;overflow:hidden;position:relative}.main-content:before{animation:scanline 3s linear infinite;background:linear-gradient(90deg,#0000,#00d4ff 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes scanline{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-section{border-bottom:2px solid #00d4ff33;padding:3rem}.upload-zone{background:#0a0a0f66;border:3px dashed #00d4ff66;border-radius:12px;cursor:pointer;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.upload-zone:before{animation:gradientRotate 8s ease infinite;background:linear-gradient(45deg,#00d4ff,#0f8,#7c3aed,#00d4ff);background-size:400% 400%;border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}@keyframes gradientRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.upload-zone:hover:before{opacity:.3}.upload-zone:hover{background:#00d4ff0d;border-color:#00d4ff;box-shadow:0 0 30px #00d4ff4d;transform:translateY(-2px)}.upload-zone.dragover{background:#00ff880d;border-color:#0f8;box-shadow:0 0 40px #0f86;transform:scale(1.02)}.upload-icon{filter:drop-shadow(0 0 10px rgba(0,212,255,.8));font-size:4rem;margin-bottom:1rem}.upload-zone h3{color:#00d4ff;font-family:Orbitron,monospace;font-size:1.5rem;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 10px #00d4ff80}.upload-zone p{color:#0f8;margin-bottom:1.5rem;text-shadow:0 0 5px #00ff884d}.upload-button{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:2px solid #00d4ff80;border-radius:8px;box-shadow:0 0 20px #00d4ff66;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:600;letter-spacing:2px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.upload-button:hover{border-color:#00d4ff;box-shadow:0 0 30px #00d4ffcc;transform:translateY(-2px)}.upload-button:active{transform:translateY(0)}.file-input{display:none}.controls-section{background:#0a0a0f4d;border-bottom:2px solid #00d4ff33;padding:2rem 3rem}.controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.control-group{display:flex;flex-direction:column}.control-group label{align-items:center;color:#00d4ff;display:flex;font-family:Orbitron,monospace;font-size:.875rem;font-weight:600;justify-content:space-between;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 0 5px #00d4ff4d}.control-value{color:#0f8;font-weight:700;text-shadow:0 0 5px #00ff8880}.control-group input[type=range]{-webkit-appearance:none;background:#00d4ff33;border-radius:3px;box-shadow:inset 0 0 5px #00d4ff4d;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#00d4ff,#0f8);border:2px solid #00d4ff80;border-radius:50%;box-shadow:0 0 15px #00d4ffcc;cursor:pointer;height:20px;width:20px}.control-group input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#00d4ff,#0f8);border:2px solid #00d4ff80;border-radius:50%;box-shadow:0 0 15px #00d4ffcc;cursor:pointer;height:20px;width:20px}.control-group input[type=color]{height:40px}.control-group input[type=color],.control-group select{background:#fffffff2;border:2px solid #00d4ff4d;border-radius:8px;cursor:pointer;width:100%}.control-group select{color:#00d4ff;font-family:Exo\ 2,sans-serif;font-size:.875rem;font-weight:500;padding:.625rem}.control-group select:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80;outline:none}.control-hint{color:#0f89;font-size:.75rem;font-style:italic;margin-top:.25rem}.convert-button{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:2px solid #00d4ff80;border-radius:10px;box-shadow:0 0 25px #00d4ff66;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;grid-column:1/-1;letter-spacing:3px;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.convert-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.convert-button:hover:before{height:300px;width:300px}.convert-button:hover:not(:disabled){border-color:#00d4ff;box-shadow:0 0 40px #00d4ffcc;transform:translateY(-2px)}.convert-button:disabled{cursor:not-allowed;opacity:.4}.preview-section{padding:3rem}.preview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.preview-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0f66;border:2px solid #00d4ff4d;border-radius:12px;padding:1.5rem}.preview-box h3{color:#00d4ff;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 0 10px #00d4ff80}.preview-content{align-items:center;background:#fffffff2;border:2px solid #00d4ff33;border-radius:8px;display:flex;justify-content:center;min-height:300px;overflow:hidden;padding:1rem;position:relative}.preview-content img,.preview-content svg{filter:drop-shadow(0 0 10px rgba(0,212,255,.3));max-height:400px;max-width:100%;object-fit:contain}.preview-content .empty-state{color:#00d4ff80;font-style:italic}.download-section{display:flex;gap:1rem;justify-content:center}.download-button{background:linear-gradient(135deg,#0f8,#00d4ff);border:2px solid #00ff8880;border-radius:8px;box-shadow:0 0 20px #0f86;color:#0a0a0f;cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:2px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.download-button:hover{border-color:#0f8;box-shadow:0 0 30px #0f8c;transform:translateY(-2px)}.download-button.secondary{background:linear-gradient(135deg,#7c3aed,gold);border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed66}.download-button.secondary:hover{border-color:#7c3aed;box-shadow:0 0 30px #7c3aedcc}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#00d4ff;box-shadow:0 0 10px #00d4ff80;display:inline-block;height:20px;margin-right:.5rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#ff00001a;border:2px solid #ff000080;border-radius:8px;box-shadow:0 0 20px #f003;color:#ff6b6b;font-weight:500;margin-bottom:1rem;padding:1rem}.info-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00d4ff0d;border:2px solid #00d4ff4d;border-radius:12px;color:#00d4ff;margin-top:2rem;padding:1.5rem}.info-box h4{color:#0f8;font-family:Orbitron,monospace;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 10px #00ff8880}.info-box ul{margin-left:1.5rem;margin-top:.5rem}.info-box li{color:#00d4ffe6;margin-bottom:.5rem}.info-box strong{color:#0f8;text-shadow:0 0 5px #00ff884d}@media (max-width:768px){.App{padding:1rem}.header h1{font-size:2rem;letter-spacing:2px}.header p{font-size:1rem}.logo{max-width:200px}.controls-section,.preview-section,.upload-section{padding:1.5rem}.controls-grid,.preview-grid{grid-template-columns:1fr}.download-section{flex-direction:column}}.preview-content>div{align-items:center;display:flex;height:100%;justify-content:center;min-height:300px;width:100%}.preview-content>div>svg{height:auto;max-height:400px;max-width:100%;width:auto}.loading-overlay{align-items:center;background:#fffffffa;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-logo{animation:logoFloat 2s ease-in-out infinite,logoPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,212,255,.6));height:auto;margin-bottom:2rem;width:150px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,212,255,.6))}50%{filter:drop-shadow(0 0 40px rgba(0,255,136,.8))}}.loading-bar-container{background:#00d4ff33;box-shadow:inset 0 0 10px #00d4ff4d;height:8px;max-width:300px;overflow:hidden;width:80%}.loading-bar,.loading-bar-container{border-radius:10px;position:relative}.loading-bar{animation:loadingProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#00d4ff,#0f8 50%,#00d4ff);box-shadow:0 0 20px #00d4ffcc;height:100%}.loading-bar:after{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes loadingProgress{0%{transform:translateX(0);width:20%}50%{width:70%}to{width:95%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.loading-text{animation:textPulse 1.5s ease-in-out infinite;color:#00d4ff;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:600;letter-spacing:2px;margin-top:1.5rem;text-shadow:0 0 10px #00d4ff80}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}
/*# sourceMappingURL=main.0a32be41.css.map*/