*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-green: #00ff00;--arcade-black: #0a0a0a;--arcade-charcoal: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;font-family:Courier New,monospace;color-scheme:dark}body{min-height:100dvh;background-color:var(--arcade-black);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}.page{position:relative;z-index:2;max-width:80ch;margin-inline:auto;padding:2rem}.splash{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background-color:var(--arcade-black);z-index:2}.splash__lockup{width:clamp(256px,40vw,332px);aspect-ratio:766 / 223;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));-webkit-mask:url(https://static.buildanything.com/assets/full-lockup.svg) center / contain no-repeat;mask:url(https://static.buildanything.com/assets/full-lockup.svg) center / contain no-repeat;filter:drop-shadow(0 0 10px var(--neon-cyan)) drop-shadow(0 0 20px var(--neon-magenta));animation:neon-flicker .15s infinite}.splash__tagline{position:absolute;bottom:8%;color:var(--neon-green);font-family:Courier New,monospace;font-size:17px;letter-spacing:2px;text-align:center;font-weight:700;text-transform:uppercase;filter:drop-shadow(0 0 5px var(--neon-green))}@keyframes neon-flicker{0%,to{opacity:1}20%{opacity:.97}40%{opacity:1}60%{opacity:.99}80%{opacity:1}}.compressor{background-color:#0a0a0a;color:#fff;min-height:100dvh;padding:2rem;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center}.compressor__container{width:100%;max-width:800px}.compressor__title{font-size:3rem;font-weight:700;letter-spacing:4px;text-align:center;margin:0 0 3rem;color:#0ff;text-transform:uppercase;filter:drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 20px #ff00ff);animation:neon-title-pulse 2s infinite}@keyframes neon-title-pulse{0%,to{text-shadow:0 0 10px #00ffff,0 0 20px #ff00ff}50%{text-shadow:0 0 20px #00ffff,0 0 40px #ff00ff,0 0 60px #ff00ff}}.compressor__panel{background-color:#1a1a1a;border:2px solid #00ffff;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a;padding:1.5rem;margin-bottom:1.5rem;position:relative}.compressor__panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,255,.02) 0,rgba(0,255,255,.02) 1px,transparent 1px,transparent 2px);pointer-events:none}.compressor__section-title{font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:0 0 1rem;color:#f0f;text-transform:uppercase;text-shadow:0 0 10px #ff00ff}.compressor__upload-panel{border-color:#0f0;box-shadow:0 0 15px #00ff004d,inset 0 0 15px #00ff001a}.compressor__upload-panel .compressor__section-title{color:#0f0;text-shadow:0 0 10px #00ff00}.compressor__upload-area{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:2px dashed #00ff00;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.compressor__upload-area:hover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 0 20px #00ff0080 inset}.compressor__upload-icon{font-size:2.5rem;color:#0f0;margin-bottom:.5rem;filter:drop-shadow(0 0 5px #00ff00)}.compressor__upload-text{font-size:1.1rem;font-weight:700;color:#fff;margin:.5rem 0;letter-spacing:1px}.compressor__upload-size{font-size:.9rem;color:#ff0;margin:.5rem 0 0}.compressor__settings-panel{border-color:#f0f;box-shadow:0 0 15px #ff00ff4d,inset 0 0 15px #ff00ff1a}.compressor__settings-panel .compressor__section-title{color:#f0f;text-shadow:0 0 10px #ff00ff}.compressor__setting{margin-bottom:1.5rem}.compressor__label{display:block;font-size:.9rem;font-weight:700;color:#ff0;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.compressor__slider{width:100%;height:6px;appearance:none;background:linear-gradient(to right,#f0f,#0ff);outline:none;cursor:pointer;border:1px solid #00ffff;box-shadow:0 0 10px #00ffff80}.compressor__slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#f0f;cursor:pointer;box-shadow:0 0 10px #f0f,0 0 20px #ff00ff80;border:2px solid #00ffff}.compressor__slider::-moz-range-thumb{width:20px;height:20px;background:#f0f;cursor:pointer;box-shadow:0 0 10px #f0f,0 0 20px #ff00ff80;border:2px solid #00ffff}.compressor__slider-value{font-size:.9rem;color:#0ff;text-align:right;margin-top:.5rem;font-weight:700}.compressor__info-panel{border-color:#0ff;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a}.compressor__info-panel .compressor__section-title{color:#0ff;text-shadow:0 0 10px #00ffff}.compressor__info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,255,255,.2);font-size:.95rem}.compressor__info-row:last-child{border-bottom:none}.compressor__info-label{font-weight:700;color:#ff0;text-transform:uppercase;letter-spacing:1px}.compressor__info-value{color:#0ff;font-weight:700;text-shadow:0 0 5px #00ffff}.compressor__info-estimate{color:#ff0;text-shadow:0 0 5px #ffff00}.compressor__info-compressed{color:#0f0;text-shadow:0 0 5px #00ff00}.compressor__progress-panel{border-color:#0ff;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a}.compressor__progress{width:100%;height:24px;background-color:#0a0a0a;border:2px solid #00ffff;overflow:hidden;position:relative;margin-bottom:1rem}.compressor__progress-bar{height:100%;background:linear-gradient(90deg,#f0f,#0ff,#0f0);transition:width .3s ease;box-shadow:0 0 10px #00ffffb3}.compressor__progress-text{text-align:center;color:#0ff;font-weight:700;margin:0;letter-spacing:1px;text-shadow:0 0 5px #00ffff}.compressor__error-panel{border-color:red;background-color:#2a0a0a;box-shadow:0 0 15px #ff00004d,inset 0 0 15px #ff00001a;margin-bottom:1.5rem}.compressor__error-text{color:#f66;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px #ff0000}.compressor__controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.compressor__button{padding:1rem 2rem;font-size:1rem;font-family:Courier New,monospace;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:2px solid;background-color:#0a0a0a;cursor:pointer;transition:all .2s;flex:1;max-width:300px}.compressor__button-compress{color:#f0f;border-color:#f0f;box-shadow:0 0 10px #ff00ff4d}.compressor__button-compress:hover:not(:disabled){background-color:#1a0a2a;box-shadow:0 0 20px #f0fc,inset 0 0 15px #ff00ff1a}.compressor__button-compress:disabled{opacity:.5;cursor:not-allowed}.compressor__button-download{color:#0f0;border-color:#0f0;box-shadow:0 0 10px #00ff004d}.compressor__button-download:hover{background-color:#0a2a0a;box-shadow:0 0 20px #0f0c,inset 0 0 15px #00ff001a}@media(max-width:600px){.compressor{padding:1rem}.compressor__title{font-size:2rem;margin-bottom:2rem}.compressor__panel{padding:1rem;margin-bottom:1rem}.compressor__controls{flex-direction:column}.compressor__button{max-width:100%}}