@import"https://fonts.googleapis.com/css2?family=Fira+Mono&family=Poppins:wght@100;400;700;900&display=swap";:root{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--text-primary: #000000;--text-secondary: #666666;--border-color: #d0d0d0;--border-hover: #999999;--button-bg: #000000;--button-text: #ffffff;--button-hover: #333333;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #aaaaaa;--border-color: #333333;--border-hover: #666666;--button-bg: #ffffff;--button-text: #000000;--button-hover: #e5e5e5}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:4px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease}button:hover{background-color:var(--button-hover);border-color:var(--border-hover)}button:focus,button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.app{max-width:1200px;margin:0 auto;padding:3rem 2rem;min-height:100vh}h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);letter-spacing:-.02em}.subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1rem;font-weight:400}.config-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem}.config-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.config-row:last-child{margin-bottom:0}.config-row label{font-weight:500;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.config-row select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color .2s}.config-row select:hover{border-color:var(--border-hover)}.config-row select:focus{outline:none;border-color:var(--text-primary)}.input-group{display:flex;gap:1rem;align-items:center}.input-group input[type=range]{flex:1}.number-input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);text-align:center;font-family:inherit}.number-input:focus{outline:none;border-color:var(--text-primary)}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{opacity:1}.config-row input[type=range]{width:100%;height:2px;border-radius:1px;background:var(--border-color);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.config-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:transform .2s}.config-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.config-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none;transition:transform .2s}.config-row input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:var(--bg-primary);margin-bottom:3rem}.upload-area:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.upload-area.dragging{border-color:var(--text-primary);background:var(--bg-secondary);border-style:solid}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{width:48px;height:48px;color:var(--text-secondary)}.upload-text{font-size:1.1rem;color:var(--text-primary);margin:0;font-weight:500}.upload-hint{font-size:.875rem;color:var(--text-secondary);margin:0}.results{margin-top:3rem}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.image-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;overflow:hidden}.image-container h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.image-container img{width:100%;height:auto;border-radius:4px;display:block;border:1px solid var(--border-color)}.download-button{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--button-text);background:var(--button-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.download-button:hover{background:var(--button-hover);border-color:var(--border-hover);transform:translateY(-1px)}.download-button:active{transform:translateY(0)}@media(max-width:768px){.app{padding:2rem 1rem}h1{font-size:2rem}.config-panel{padding:1.5rem}.image-comparison{grid-template-columns:1fr;gap:1.5rem}.upload-area{padding:3rem 1.5rem}}