body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-Main{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ordinary-opt-button{background-color:#fff;border:2px solid #ff8d00;color:#000}.vip-opt-button{background:#ff8d00}.i-opt-button{align-items:center;border-radius:25px;box-shadow:0 4px 15px 5px #7e5b021a;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%}.i-opt-button:hover{transform:translateY(-2px)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f59e0b;--dark:#1e293b;--light:#f8fafc}.gradient-bg{background:linear-gradient(135deg,#6366f1,#f59e0b);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.home-canvas-container{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.home-canvas-container:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-5px)}.i-ability{h3{font-size:18pt}p{font-size:12pt}}.effect-card{border-radius:.75rem;cursor:pointer;transition:all .3s ease}.effect-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;background:var(--primary);border-radius:50%;box-shadow:0 0 10px #6366f180;cursor:pointer;height:24px;width:24px}.slider-thumb::-moz-range-thumb{background:#6366f1;background:var(--primary);border-radius:50%;box-shadow:0 0 10px #6366f180;cursor:pointer;height:24px;width:24px}.pixel-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);height:200px;width:200px}.pixel{background-color:#ddd;transition:all .2s ease}.pixel:hover{transform:scale(1.1)}.ripple{animation:ripple .6s linear;background:#fff6;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.glow{animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px -5px #6366f1;box-shadow:0 0 5px -5px var(--primary)}to{box-shadow:0 0 20px 5px #6366f1;box-shadow:0 0 20px 5px var(--primary)}}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dropdown-panel-exit{animation:fadeOut .3s forwards}@media (max-width:879px){.dropdown-panel{left:0;width:100vw!important}.dropdown-panel .child-icon{display:none}.dropdown-panel .i-child-menu{display:flex}.dropdown-panel .child-desc{width:100%}.dropdown-panel .grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:880px){.dropdown-panel{left:10%}.dropdown-panel .i-child-menu{display:grid;grid-template-columns:8fr 10fr}}.i-img-table-container,.i-main-table{display:flex;flex-direction:row}.image-opt-items{display:flex;flex-direction:row;margin:2% auto 0;width:80%;.image-opt-items-left,.image-opt-items-right{column-gap:1%;display:flex;flex-direction:row;width:50%}.image-opt-items-right{justify-content:right}}.i-main-container{display:flex;justify-content:center;max-width:500px;width:100%}.image-comparison-container{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px solid #ccc;border-radius:.5rem;display:flex;margin-top:5px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:80%}.comparison-image{box-sizing:border-box;display:block;height:100%!important;max-width:100%;object-fit:contain;object-position:center center;width:100%}.clip-item{left:0;width:100%;will-change:clip-path,transition}.clip-item,.slider-container{height:100%;position:absolute;top:0;-webkit-user-select:none;user-select:none}.slider-container{-webkit-appearance:none;appearance:none;background:none;border:0;cursor:ew-resize;outline:0;padding:0;pointer-events:none}.slider-handle-root{color:#fff;cursor:ew-resize;display:flex;flex-direction:column;place-items:center}.slider-handle-line,.slider-handle-root{height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.slider-handle-line{background-color:currentColor;box-shadow:0 0 4px #00000080;flex-grow:1;width:2px}.slider-handle-button{grid-gap:8px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgba(0,0,0,.125);border-radius:50%;border-style:solid;border-width:2px;box-shadow:0 0 4px #00000059;cursor:ew-resize;display:grid;flex-shrink:0;gap:8px;grid-auto-flow:column;height:56px;place-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none;width:56px}.slider-handle-arrow{border-bottom:8px solid #0000;border-right:10px solid;border-top:8px solid #0000;height:0;width:0}.slider-handle-arrow.reverse{transform:rotate(180deg)}.right-opt-items{display:flex;flex-direction:column;gap:5%;padding:10% 0}.i-editor-container{margin:0 auto;padding-top:24px;position:relative;width:100%;.i-editor-contain{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a,0 12px 48px 2px #00000014;display:flex;height:740px;justify-content:space-between;margin:0 auto;max-width:1200px;min-width:80vw;padding:24px 0 24px 24px;position:relative;width:100%;.i-left-container{box-sizing:initial;display:flex;flex:1 1;height:100%;.i-editor{align-items:center;background:#f1f2f4;border:1px solid #0000001a;display:flex;flex:1 1;height:100%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%;.canvas-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;canvas,img{background:#0000;border:0;display:block;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;touch-action:auto;width:100%}}.i-bottom-opt-button{align-items:center;bottom:0;display:flex;justify-content:space-between;padding:0 9% 8px;position:absolute;right:0;width:100%;button{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;color:#222529;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;height:40px;justify-content:center;line-height:1.5;outline:0;padding:0 8px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover{border:1px solid #d1d1d1}}}}.i-right-container{display:flex;flex-direction:column;flex-shrink:0;height:100%;margin-left:24px;margin-right:24px;padding-top:24px;width:300px;.i-landing-tool-info-background__panel{grid-gap:6px;-ms-overflow-style:none;align-content:start;align-items:start;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);height:218px;justify-content:center;overflow:hidden auto;padding:2px;scroll-behavior:smooth;scrollbar-width:none}.i-landing-tool-content{border:1px solid #0000001a;border-radius:8px;height:100%;overflow:hidden;padding-top:100%;position:relative;transition:all .05s;width:100%;.i-landing-tool__content{height:100%;left:0;position:absolute;top:0;width:100%;.i-landing-tool-info-background__item-content--transparent{background-color:initial;background-image:linear-gradient(135deg,#f0f0f0 25%,#0000 0,#0000 75%,#f0f0f0 0),linear-gradient(45deg,#f0f0f0 25%,#0000 0,#0000 75%,#f0f0f0 0);background-position:0 0,8px 8px;background-size:16px 16px}.i-landing-tool-info-background__item-content{align-items:center;background-position:50%;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}}}.i-landing-tool-content:hover{border:1px solid #0000004d}.i-landing-tool-business-button{display:flex;flex-direction:column;gap:12px;margin-top:12px}.i-close-btn{align-items:center;background:#e8eaec;border:1px solid #0000;border-radius:50px;color:#222529;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;height:40px;justify-content:center;line-height:1.5;outline:0;padding:0 8px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.i-close-btn:hover{background:#d1d1d1}.i-close-btn:active{background:#a1a1a1}}}}.loader-grid-mask{align-items:center;display:flex;justify-content:center;left:calc(50% - var(--size)/2);position:absolute;top:calc(50% - var(--size)/2);z-index:9999}.sk-cube-grid{--size:40px;--dot-background-color:#fff;height:var(--size);margin:0 auto;width:var(--size);z-index:2025}.sk-cube-grid .sk-cube{animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;background-color:var(--dot-background-color);float:left;height:33%;width:33%}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleX(1)}35%{transform:scale3D(0,0,1)}}.i-in-paint{align-content:center;height:550px;width:60vw}.i-upload-card-container{background-color:#fff;border-radius:20px;box-shadow:0 12px 48px 2px #00000014;height:100%!important;padding-bottom:0!important;transition:all .1s;.upload-card{cursor:pointer;height:100%;padding:12px;width:100%;.upload-box{align-items:center;border:2px dashed #0003;border-radius:8px;display:flex;flex-direction:column;height:100%;width:100%;.upload-box-action{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;width:100%}.upload-box-demo-tag{align-items:center;display:flex;margin-bottom:8px}.upload-box-demo-tag:after,.upload-box-demo-tag:before{background-color:#0003;content:"";display:block;flex:1 1;height:1px;width:67px}}}}.upload-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.instructions{color:#555;margin-bottom:20px}.button-group{display:flex;gap:10px;margin-bottom:20px}.clear-button,.upload-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s;-webkit-user-select:none;user-select:none}.upload-button{background-color:#ff8d00;color:#fff}.upload-button:hover{background-color:#1e4b75}.clear-button{background-color:#f0f0f0;color:#333}.clear-button:hover{background-color:#e0e0e0}.drop-area{background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;transition:all .3s}.drop-area p{color:#999;font-size:1.2rem;-webkit-user-select:none;user-select:none}.drop-area.dragover{background-color:#f0f7ff;border-color:#2a6496}.images-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.images-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.download-all-button{background-color:#ff8d00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;-webkit-user-select:none;user-select:none}.download-all-button:hover{background-color:#1e4b75}.download-all-button:disabled{background-color:#ccc;cursor:not-allowed}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-item{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;overflow:hidden}.image-thumbnail{cursor:pointer;height:150px;overflow:hidden;position:relative}.image-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.processing-overlay{align-items:center;background-color:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ff8d00;height:30px;margin-bottom:10px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.compression-info{background-color:#ff8d00b3;border-top-left-radius:8px;bottom:0;color:#fff;padding:5px 10px;position:absolute;right:0}.image-info{padding:10px}.image-name{font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px;margin-bottom:10px}.arrow{color:#999}.download-button{background-color:#ff8d00;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;-webkit-user-select:none;user-select:none;width:100%}.download-button:hover{background-color:#1e4b75}.download-button:disabled{background-color:#ccc;cursor:not-allowed}.manual-mode-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.manual-mode-container{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manual-mode-container h3{border-bottom:1px solid #eee;color:#2a6496;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;text-align:center}.preview-container{align-items:center;background-color:#f8f8f8;background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 0),linear-gradient(-45deg,#e5e5e5 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e5e5e5 0),linear-gradient(-45deg,#0000 75%,#e5e5e5 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #eee;border-radius:8px;display:flex;height:35vh;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative}.preview-container,.preview-container img{-webkit-user-select:none;user-select:none;width:100%}.preview-container img{cursor:zoom-in;height:100%;object-fit:contain;transform-origin:center center;transition:transform .2s ease;will-change:transform}.preview-container img.draggable{cursor:grab;position:relative}.preview-container img.dragging{cursor:grabbing;transition:none}.preview-container:before{background-color:#2a6496b3;border-radius:20px;color:#fff;content:"Use the mouse wheel to zoom in or out";font-size:12px;left:50%;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:10}.preview-container:hover:before{opacity:1}.preview-container:after{align-items:center;background-color:#2a6496b3;border-radius:50%;bottom:10px;color:#fff;content:"🔍";display:flex;font-size:16px;height:30px;justify-content:center;opacity:.7;pointer-events:none;position:absolute;right:10px;transition:all .3s ease;width:30px}.preview-container:hover:after{opacity:1;transform:scale(1.1)}.quality-slider{align-items:center;color:#000;display:flex;gap:10px;margin-bottom:20px}.quality-slider input{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;outline:none}.quality-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2a6496;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.quality-slider input::-webkit-slider-thumb:hover{background:#1e4b75;transform:scale(1.1)}.quality-slider input::-moz-range-thumb{background:#2a6496;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.quality-slider input::-moz-range-thumb:hover{background:#1e4b75;transform:scale(1.1)}.quality-slider span{color:#666;font-size:.9rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.quality-info{background:#f5f5f5;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding:12px}.manual-buttons{display:flex;gap:10px;justify-content:center;margin-top:30px;-webkit-user-select:none;user-select:none}.manual-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:12pt;font-weight:700;padding:8px 20px;transition:all .3s ease}.manual-buttons button:first-child{background-color:#ff8d00;box-shadow:0 2px 5px #2a64964d;color:#fff}.manual-buttons button:first-child:hover{background-color:#1e4b75;box-shadow:0 4px 8px #2a649666;transform:translateY(-2px)}.manual-buttons button:last-child{background-color:#f0f0f0;color:#333}.manual-buttons button:last-child:hover{background-color:#e0e0e0;transform:translateY(-2px)}.site-footer{border-top:1px solid #eee;color:#777;font-size:.9rem;padding:20px 0;text-align:center}@media (max-width:768px){.site-header{align-items:flex-start;flex-direction:column;gap:10px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.quality-info{flex-direction:column;gap:5px}}.zoom-indicator{background-color:#0009;border-radius:3px;bottom:10px;color:#fff;font-size:12px;left:10px;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:10}.zoom-indicator.visible{opacity:1}
/*# sourceMappingURL=main.eb08d1c8.css.map*/