@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg:#0d0d0d;--surface:#141414;--border:#2a2a2a;--accent:#e8ff47;--accent2:#ff6b35;--text:#f0f0f0;--muted:#666;--success:#4fffb0;--error:#ff4f6b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:DM Sans,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 20%,#e8ff470f 0%,#0000 60%),radial-gradient(50% 50% at 80% 80%,#ff6b350d 0%,#0000 60%);position:fixed;inset:0}.container{z-index:1;width:100%;max-width:680px;position:relative}header{margin-bottom:3rem}.label-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);margin-bottom:1rem;padding:3px 10px;font-family:Space Mono,monospace;font-size:.65rem;display:inline-block}h1{letter-spacing:-.02em;font-family:Space Mono,monospace;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.1}h1 span{color:var(--accent)}.subtitle{color:var(--muted);margin-top:.75rem;font-size:.9rem;font-weight:300}.cmd-block{border:1px solid var(--border);border-left:3px solid var(--accent);color:#aaa;white-space:pre;background:#0a0a0a;margin-bottom:2rem;padding:1rem 1.25rem;font-family:Space Mono,monospace;font-size:.7rem;line-height:1.8;overflow-x:auto}.cmd-block .kw{color:var(--accent)}.cmd-block .comment{color:#444}.cmd-block .dyn{color:var(--accent2);font-weight:700}.params{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.param-group{background:var(--surface);border:1px solid var(--border);padding:.85rem 1rem;transition:border-color .2s}.param-group:focus-within{border-color:var(--accent)}.param-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:.6rem;display:flex}.param-flag{color:var(--accent2);font-size:.58rem}.param-input-wrap{align-items:center;gap:.5rem;display:flex}.param-input{color:var(--text);-moz-appearance:textfield;background:0 0;border:none;outline:none;width:100%;font-family:Space Mono,monospace;font-size:1rem;font-weight:700}.param-input::-webkit-outer-spin-button{-webkit-appearance:none}.param-input::-webkit-inner-spin-button{-webkit-appearance:none}.param-unit{color:var(--muted);white-space:nowrap;font-family:Space Mono,monospace;font-size:.65rem}.param-range{color:#444;margin-top:.3rem;font-size:.6rem}.switch-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.switch-label{color:var(--text);font-family:Space Mono,monospace;font-weight:700;transition:color .2s}.switch-container{cursor:pointer;display:inline-flex}.switch-input{display:none}.switch-toggle{background:var(--border);cursor:pointer;border-radius:13px;width:50px;height:26px;transition:background .3s;position:relative}.switch-toggle:after{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:left .3s;position:absolute;top:2px;left:2px}.switch-wrap.crop-mode .switch-toggle{background:var(--accent2)}.switch-wrap.crop-mode .switch-toggle:after{left:2px}.switch-wrap.crop-mode .switch-label:first-child{color:var(--accent2)}.switch-wrap.crop-mode .switch-label:nth-child(3){color:var(--text)}.switch-wrap.scale-mode .switch-toggle{background:var(--accent2)}.switch-wrap.scale-mode .switch-toggle:after{left:26px}.switch-wrap.scale-mode .switch-label:first-child{color:var(--text)}.switch-wrap.scale-mode .switch-label:nth-child(3){color:var(--accent2)}.switch-wrap.multi-mode .switch-toggle{background:var(--accent2)}.switch-wrap.multi-mode .switch-toggle:after{left:26px}.switch-wrap.multi-mode .switch-label:first-child{color:var(--text)}.switch-wrap.multi-mode .switch-label:nth-child(3){color:var(--accent2)}.switch-wrap.mono-mode .switch-toggle{background:var(--accent2)}.switch-wrap.mono-mode .switch-toggle:after{left:2px}.switch-wrap.mono-mode .switch-label:first-child{color:var(--accent2)}.switch-wrap.mono-mode .switch-label:nth-child(3){color:var(--text)}.dropzone{border:2px dashed var(--border);background:var(--surface);text-align:center;cursor:pointer;padding:3rem 2rem;transition:all .2s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#e8ff4708}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.dropzone-text{color:var(--muted);font-family:Space Mono,monospace;font-size:.85rem}.dropzone-text strong{color:var(--text);margin-bottom:.3rem;font-size:1rem;display:block}.file-info{background:var(--surface);border:1px solid var(--border);align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;display:none}.file-info.visible{display:flex}.file-icon{font-size:1.5rem}.file-details{flex:1;min-width:0}.file-name{white-space:nowrap;text-overflow:ellipsis;color:var(--accent);font-family:Space Mono,monospace;font-size:.8rem;overflow:hidden}.file-size{color:var(--muted);margin-top:2px;font-size:.75rem}.btn-convert{background:var(--accent);color:#0d0d0d;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.btn-convert:hover:not(:disabled){background:#f5ff70;transform:translateY(-1px)}.btn-convert:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;transform:none}.progress-wrap{margin-top:1.5rem;display:none}.progress-wrap.visible{display:block}.progress-header{color:var(--muted);justify-content:space-between;margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:.72rem;display:flex}.progress-bar-bg{background:var(--border);height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .3s}.progress-bar-fill.indeterminate{width:40%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-200%)}to{transform:translate(350%)}}.log-box{border:1px solid var(--border);color:#555;background:#0a0a0a;height:80px;margin-top:.75rem;padding:.75rem 1rem;font-family:Space Mono,monospace;font-size:.65rem;line-height:1.6;overflow-y:auto}.log-line{color:#666}.log-line.active{color:var(--accent)}.log-line.done{color:var(--success)}.log-line.err{color:var(--error)}.result-box{background:#4fffb00d;border:1px solid #4fffb033;margin-top:1.5rem;padding:1.25rem;display:none}.result-box.visible{display:block}.result-title{text-transform:uppercase;letter-spacing:.1em;color:var(--success);margin-bottom:1rem;font-family:Space Mono,monospace;font-size:.7rem}.result-content{align-items:flex-start;gap:2rem;display:flex}.result-left{flex:1}.result-stats{gap:2rem;margin-bottom:1rem;display:flex}.result-preview{flex-shrink:0}.stat-label{color:var(--muted);font-size:.7rem}.stat-value{color:var(--text);margin-top:2px;font-size:.8rem;font-weight:500}.btn-download{border:1px solid var(--success);color:var(--success);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:Space Mono,monospace;font-size:.75rem;text-decoration:none;transition:all .15s;display:inline-flex}.btn-download:hover{background:var(--success);color:#0d0d0d}.error-box{color:var(--error);background:#ff4f6b14;border:1px solid #ff4f6b4d;margin-top:1rem;padding:.75rem 1rem;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.6;display:none}.error-box.visible{display:block}.note{color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;font-size:.75rem;line-height:1.7}.note strong{color:#888}