body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background:radial-gradient(ellipse at bottom,#0d1d31 0,#0c0d13 100%);min-height:100vh;overflow-x:hidden;position:relative}.navbar{background-color:#1e293b;border-bottom:1px solid #334155;box-shadow:0 2px 4px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.navbar-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.switch-button{background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.switch-button:hover{background-color:#1d4ed8}.main-content{padding:84px 2rem 2rem;position:relative;z-index:1}.stars{height:120%;left:0;position:fixed;top:0;transform:rotate(-45deg);width:100%;z-index:0}.star{--star-color:#fff;--star-tail-length:6em;--star-tail-height:2px;--star-width:calc(var(--star-tail-length)/6);--fall-duration:9s;--tail-fade-duration:var(--fall-duration);animation:var(--fall-animation) var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;background:linear-gradient(45deg,currentColor,#0000);border-radius:50%;color:var(--star-color);filter:drop-shadow(0 0 6px currentColor);height:var(--star-tail-height);left:0;position:absolute;top:var(--top-offset);transform:translate3d(104em,0,0);width:var(--star-tail-length)}.star:after,.star:before{animation:blink 2s linear infinite;background:linear-gradient(45deg,#0000,currentColor,#0000);border-radius:inherit;content:"";height:100%;left:calc(var(--star-width)/-2);position:absolute;top:0;width:var(--star-width)}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}@keyframes fall{to{transform:translate3d(-30em,0,0)}}@keyframes fall-right{to{transform:translate3d(30em,0,0)}}@keyframes tail-fade{0%,50%{opacity:1;width:var(--star-tail-length)}70%,80%{opacity:.4;width:0}to{opacity:0;width:0}}@keyframes blink{50%{opacity:.6}}.star:first-child{--star-tail-length:5.23em;--top-offset:68.44vh;--fall-duration:8.74s;--fall-delay:2.34s;--fall-animation:fall}.star:nth-child(2){--star-tail-length:6.54em;--top-offset:43.12vh;--fall-duration:11.32s;--fall-delay:3.65s;--fall-animation:fall-right}.star:nth-child(3){--star-tail-length:5.87em;--top-offset:92.76vh;--fall-duration:7.98s;--fall-delay:1.87s;--fall-animation:fall}.star:nth-child(4){--star-tail-length:4.5em;--top-offset:80vh;--fall-duration:10s;--fall-delay:4s;--fall-animation:fall-right}.star:nth-child(5){--star-tail-length:5.0em;--top-offset:60vh;--fall-duration:9s;--fall-delay:3s;--fall-animation:fall}.star:nth-child(6){--star-tail-length:7.0em;--top-offset:30vh;--fall-duration:8s;--fall-delay:2s;--fall-animation:fall-right}@media (max-width:640px){.navbar-content{padding:0 1rem}.main-content{padding:84px 1rem 1rem}}.encoder-main{margin:4rem auto 0;max-width:48rem;padding:0 1rem}.encoder-card{background-color:#ffffff80;border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 10px 15px -3px #0000001a;padding:2rem}.encoder-title{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.upload-container{gap:1.5rem}.upload-container,.upload-section{display:flex;flex-direction:column}.upload-section{gap:.5rem}.upload-label{color:#374151;display:block;font-size:.875rem;font-weight:500}.upload-area{display:flex;justify-content:center;width:100%}.upload-box{align-items:center;background-color:#ffffff80;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem 1rem;transition:border-color .2s;width:100%}.upload-box:hover{border-color:#3b82f6}.upload-icon{color:#9ca3af;height:2rem;width:2rem}.upload-text{color:#6b7280;font-size:.875rem;margin-top:.5rem}.hidden{display:none}.upload-button{background-color:#16a34a;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:background-color .2s;width:100%}.upload-button:hover{background-color:#15803d}.progress{color:#6b7280;margin-top:1rem;text-align:center}.result{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.result img{border-radius:.375rem;max-width:100%}.result a{background-color:#2563eb;border-radius:.375rem;color:#fff;display:inline-block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.result a:hover{background-color:#1d4ed8}@media (max-width:640px){.encoder-main{padding:0 .5rem}.encoder-card{padding:1.5rem}}
/*# sourceMappingURL=main.5fdb0027.css.map*/