*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,monospace;background-color:#1a1a1a;color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;max-width:600px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.header{text-align:center;margin-bottom:1.5rem}.title{font-size:clamp(2rem,6vw,2.5rem);font-weight:700;color:#c8e6c9;letter-spacing:2px;text-transform:uppercase}.tagline{font-size:clamp(.9rem,3vw,1.1rem);color:#fff;opacity:.8;margin-top:.5rem}.upload-section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.mode-choices{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.file-input{padding:.5rem;font-family:Space Mono,monospace;background-color:#c8e6c9;color:#1a1a1a;border:none;border-radius:4px;cursor:pointer;width:100%;max-width:300px;font-size:clamp(.9rem,2.5vw,1rem)}.file-input::-webkit-file-upload-button{background-color:#333;color:#c8e6c9;border:none;padding:.5rem 1rem;border-radius:4px;font-family:Space Mono,monospace;cursor:pointer}.action-choices{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.size-reduction{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.size-reduction label{font-size:clamp(.9rem,2.5vw,1.1rem);color:#fff}.size-input{width:80px;padding:.5rem;font-family:Space Mono,monospace;background-color:#c8e6c9;color:#1a1a1a;border:none;border-radius:4px;text-align:center;font-size:clamp(.9rem,2.5vw,1rem)}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:clamp(.9rem,2.5vw,1.1rem);color:#fff;cursor:pointer}.radio-label input[type=radio]{accent-color:#c8e6c9;cursor:pointer}.submit-btn{padding:.75rem 2rem;font-family:Space Mono,monospace;font-size:clamp(.9rem,2.5vw,1rem);background-color:#c8e6c9;color:#1a1a1a;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover:not(:disabled){background-color:#b2d2b3}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar{width:100%;max-width:300px;height:8px;background-color:#333;border-radius:4px;overflow:hidden;margin-top:1rem}.progress-bar:before{content:"";display:block;width:100%;height:100%;background-color:#c8e6c9;animation:progress 2s infinite ease-in-out}.output{margin-top:1.5rem;text-align:center;width:100%}.output a{color:#c8e6c9;text-decoration:none;font-size:clamp(.9rem,2.5vw,1rem);border-bottom:1px solid #c8e6c9;transition:color .3s ease}.output a:hover{color:#b2d2b3}.note{font-size:clamp(.8rem,2vw,.9rem);color:#fff;opacity:.7;margin-top:.5rem}.preview{margin-top:1rem}.preview img{max-width:100%;width:clamp(200px,80vw,300px);border-radius:4px;box-shadow:0 2px 4px #0000004d}@media (max-width: 480px){.container{padding:1rem .5rem}.header{margin-bottom:1rem}.upload-section,.mode-choices,.action-choices,.size-reduction{gap:1rem}.file-input{max-width:90vw}.submit-btn{padding:.6rem 1.5rem}}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}html,body,#root{height:100%}