:root{--primary-color: #0f62fe;--secondary-color: #002d9c;--accent-color: #4589ff;--background-color: #f4f4f4;--ui-background: #ffffff;--text-primary: #161616;--text-secondary: #525252;--field-border: #8d8d8d;--field-hover: #4c4c4c;--error-color: #da1e28;--success-color: #24a148;--border-radius: 0;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--box-shadow: 0 2px 6px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}h1{font-size:1.75rem;font-weight:400;letter-spacing:0;text-align:left;margin-bottom:var(--spacing-xl);color:var(--text-primary);border-left:4px solid var(--primary-color);padding-left:var(--spacing-md)}h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.editor-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.upload-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.upload-box{background-color:var(--ui-background);border:1px solid #e0e0e0;padding:var(--spacing-lg)}.dropzone{border:1px solid var(--field-border);padding:var(--spacing-lg);text-align:center;cursor:pointer;margin-bottom:var(--spacing-md);transition:all .2s ease;background-color:#f4f4f4}.dropzone:hover{border-color:var(--primary-color)}.dropzone p{font-size:.875rem;color:var(--text-secondary)}.file-name{margin-top:var(--spacing-xs);font-weight:500;color:var(--primary-color);font-size:.875rem}.supported-formats{margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-secondary)}.controls{background-color:var(--ui-background);border:1px solid #e0e0e0;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.control-label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:400;color:var(--text-primary);margin-bottom:var(--spacing-xs)}input[type=range]{width:100%;height:4px;background:#e0e0e0;outline:none;-webkit-appearance:none;margin:var(--spacing-xs) 0 var(--spacing-md) 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);cursor:pointer;border-radius:0}.download-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;margin-top:var(--spacing-xs);display:inline-block;min-height:3rem;width:auto}.download-btn:hover{background-color:var(--secondary-color)}.preview-section{background-color:var(--ui-background);border:1px solid #e0e0e0;padding:var(--spacing-lg)}.preview-section-header{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary);padding-bottom:var(--spacing-xs);border-bottom:1px solid #e0e0e0}.image-preview{position:relative;max-width:100%;overflow:hidden}.comparison-slider{position:relative;margin:0 auto;overflow:hidden;cursor:col-resize;box-sizing:border-box}.comparison-slider-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.slider-before,.slider-after{position:absolute;top:0;left:0;height:100%;overflow:hidden}.slider-after{width:100%;z-index:1}.slider-before{z-index:2}.slider-before img,.slider-after img{display:block;object-fit:cover;border:1px solid #e0e0e0}.slider-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--primary-color);z-index:3;cursor:col-resize}.slider-handle:after{content:"";position:absolute;width:24px;height:24px;background:var(--primary-color);left:-11px;top:calc(50% - 12px);border-radius:50%}.slider-handle:before{content:"◄ ►";position:absolute;top:calc(50% - 12px);left:-15px;width:30px;color:#fff;font-size:10px;text-align:center;line-height:24px;z-index:4}.preview-labels{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--text-secondary)}.comparison-container{display:flex;flex-direction:column;width:100%}.loading{display:flex;align-items:center;justify-content:center;margin:var(--spacing-lg) 0;color:var(--primary-color);font-size:.875rem}.loading:before{content:"";display:block;width:16px;height:16px;margin-right:var(--spacing-xs);border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{margin:var(--spacing-md) 0;color:var(--error-color);font-size:.875rem;background-color:#fff1f1;padding:var(--spacing-md);border-left:4px solid var(--error-color)}@media (min-width: 768px){.editor-container{flex-direction:row;align-items:flex-start}.upload-section{flex:1;max-width:40%}.preview-section{flex:2}}@media (max-width: 767px){.image-preview{flex-direction:column;align-items:flex-start}}