.image-enhance__editor-area *{box-sizing:border-box}.image-enhance{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1f2937;min-height:100vh}.image-enhance__hero{position:relative;height:auto;padding-top:8rem;padding-bottom:1.5rem;background-color:#000;overflow:hidden}.image-enhance__hero>div{position:relative;z-index:1}.image-enhance__function{padding-top:0rem;padding-bottom:0rem;background-color:#000}.image-enhance__upload-area{position:relative;padding:3rem;border:2px dashed #374151;border-radius:1rem;background:linear-gradient(145deg,#111827,#1f2937);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(10px);text-align:center;cursor:pointer;transition:all .4s ease}.image-enhance__upload-area>*{position:relative;z-index:1}.image-enhance__upload-area:hover{border-color:#3b82f6;background:linear-gradient(145deg,#1f2937,#2563eb15);box-shadow:0 12px 48px #3b82f633;transform:translateY(-2px)}.image-enhance__upload-area.dragover{border-color:#3b82f6;background:linear-gradient(145deg,#1e40af20,#3b82f615);box-shadow:0 16px 64px #3b82f64d;transform:scale(1.02) translateY(-2px)}.image-enhance i[class*=fa]{display:inline-block;min-width:1em;min-height:1em;text-align:center}.image-enhance button i[class*=fa]{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0}.image-enhance__upload-icon{margin-bottom:1.5rem;min-width:5rem;min-height:5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-enhance__upload-icon svg,.image-enhance__upload-icon i{font-size:5rem;color:transparent;width:1em;height:1em;transition:all .3s ease;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.image-enhance__upload-icon i.fas,.image-enhance__upload-icon i.far,.image-enhance__upload-icon i.fal,.image-enhance__upload-icon i.fab,.image-enhance__upload-icon i.fa-solid,.image-enhance__upload-icon i.fa-regular,.image-enhance__upload-icon i.fa-light,.image-enhance__upload-icon i.fa-brands{color:#9ca3af;transition:color .3s ease}.image-enhance__upload-icon svg{color:#9ca3af}.image-enhance__upload-area:hover .image-enhance__upload-icon svg,.image-enhance__upload-area:hover .image-enhance__upload-icon i{transform:scale(1.1)}.image-enhance__editor-area{position:relative;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;min-height:0;contain:layout style}.image-enhance__canvas-container{position:relative;width:100%;max-width:1000px;margin:0 auto;background:#1f2937;border:1px solid #374151;border-radius:1rem;box-shadow:0 4px 12px #0000004d;aspect-ratio:16 / 9;overflow:hidden;min-height:0;contain:layout style paint}#image-enhance__bg-canvas{position:absolute;top:0;left:0;z-index:1;transform-origin:0 0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none;user-select:none;will-change:transform;margin:0;padding:0;display:block}.image-enhance__progress-overlay{position:absolute;inset:0;z-index:10;width:100%;height:100%;margin:0;padding:0}.image-enhance__progress{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1f2937f2;backdrop-filter:blur(8px);width:100%;height:100%;margin:0;padding:0}.image-enhance__progress-container{min-width:300px;max-width:600px;padding:2rem;background:linear-gradient(145deg,#000c,#14141ee6);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(10px);text-align:center}.image-enhance__progress-bar-container{width:90%;min-width:240px;max-width:420px;height:.75rem;margin:1.5rem auto;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:9999px;box-shadow:inset 0 1px 3px #0003;overflow:hidden}.image-enhance__progress-bar{position:relative;width:0%;height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);border-radius:9999px;box-shadow:0 1px 3px #0003;transition:width .5s ease-out;overflow:hidden}.image-enhance__progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.image-enhance__progress .text-white{text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-enhance__control-panel{position:relative;margin:0;padding:1rem;min-height:0;contain:layout style}.image-enhance__controls-group{position:relative;display:flex;flex-direction:column;gap:1rem;width:100%;min-height:0}.image-enhance__icon-controls{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.image-enhance__icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:.5rem;background:transparent;color:#9ca3af;cursor:pointer;outline:none;transition:all .3s ease}.image-enhance__icon-btn:hover{color:#fff;transform:translateY(-2px)}.image-enhance__icon-btn--active{color:#3b82f6}.image-enhance__icon-btn--active:hover{color:#60a5fa;transform:translateY(-2px)}.image-enhance__icon-btn--disabled{opacity:.5;color:#6b7280;cursor:not-allowed}.image-enhance__icon-btn--disabled:hover{color:#6b7280;background:transparent;transform:none}.image-enhance__zoom-controls{display:flex;align-items:center;gap:.75rem;padding:.25rem;background:#0000004d;border-radius:.75rem}.image-enhance__zoom-level{min-width:3rem;padding:.5rem;color:#d1d5db;font-size:.875rem;font-weight:500;text-align:center}.image-enhance__type-selection-row{position:relative;display:flex;justify-content:center;width:100%;margin:1rem 0;min-height:0}.image-enhance__radio-option{cursor:pointer;transition:all .3s ease}.image-enhance__radio-card{display:flex;align-items:center;gap:.5rem;min-width:140px;padding:1rem;background:linear-gradient(145deg,#1f2937cc,#37415199);border:2px solid #374151;border-radius:.75rem;box-shadow:0 2px 8px #0003;color:#d1d5db;text-align:center;transition:all .3s ease}.image-enhance__radio-option:hover .image-enhance__radio-card{border-color:#6b7280;background:linear-gradient(145deg,#374151e6,#4b5563b3);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.image-enhance__radio-option input[type=radio]:checked+.image-enhance__radio-card{border-color:#3b82f6;background:linear-gradient(145deg,#3b82f61a,#2563eb0d);box-shadow:0 4px 16px #3b82f64d;color:#fff}.image-enhance__radio-option input[type=radio]:checked+.image-enhance__radio-card i{color:#3b82f6}.image-enhance__process-row{position:relative;display:flex;justify-content:center;width:100%;margin-top:.5rem;min-height:0}.image-enhance__process-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:200px;padding:.875rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:.75rem;box-shadow:0 4px 12px #8b5cf666;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;outline:none;overflow:hidden;transition:all .3s ease}.image-enhance__process-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.image-enhance__process-btn:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 2px 3px #8b5cf666;transform:translateY(-2px)}.image-enhance__process-btn:hover:before{left:100%}.image-enhance__process-btn:active{transform:translateY(0)}.image-enhance__process-btn:disabled{background:#6b7280;box-shadow:none;cursor:not-allowed;transform:none}.image-enhance__results-section{max-width:1280px;margin-left:auto;margin-right:auto;animation:fadeInUp .5s ease}.image-enhance__results{padding:2rem;background:linear-gradient(145deg,#111827,#1f2937);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.image-enhance__comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.image-enhance__comparison-item{text-align:center}.image-enhance__comparison-title{margin-bottom:1rem;color:#d1d5db;font-size:1.25rem;font-weight:600}.image-enhance__image-container{padding:.5rem;background:#374151;border:1px solid #4b5563;border-radius:.75rem}.image-enhance__image-container img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.image-enhance__error-section{animation:fadeInUp .5s ease}.image-enhance__error{padding:2rem;background:#b91c1c1a;border:1px solid rgba(239,68,68,.3);border-radius:1rem;backdrop-filter:blur(10px);text-align:center}.image-enhance__error-title{margin-bottom:1rem;color:#ef4444;font-size:1.5rem;font-weight:600}.image-enhance__error-message{margin-bottom:1.5rem;color:#ef4444;line-height:1.6}.image-enhance__button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.75rem;color:#fff;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;outline:none;transition:all .3s ease}.image-enhance__button--primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.image-enhance__button--primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px)}.image-enhance__button--success{background:linear-gradient(135deg,#10b981,#3b82f6)}.image-enhance__button--success:hover{background:linear-gradient(135deg,#059669,#2563eb);transform:translateY(-1px)}.image-enhance__button--secondary{background:#374151}.image-enhance__button--secondary:hover{background:#4b5563;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.image-enhance__hidden{display:none!important}.image-enhance__drag-over{border-color:#3b82f6!important;background-color:#3b82f61a!important;transform:scale(1.01)}.image-enhance__canvas-container--drag-mode{cursor:grab!important}.image-enhance__canvas-container--drag-mode:active{cursor:grabbing!important}.image-enhance__canvas-container--drag-mode #image-enhance__bg-canvas{cursor:grab!important}.image-enhance__canvas-container--drag-mode:active #image-enhance__bg-canvas{cursor:grabbing!important}.image-enhance__icon-btn:focus,.image-enhance__process-btn:focus,.image-enhance__button:focus,button:focus,input[type=file]:focus+.image-enhance__button,input[type=file]:focus,input:focus{outline:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.image-enhance__faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;background:none;border:none;color:inherit;cursor:pointer;outline:none;text-align:left;transition:all .3s ease}.image-enhance__faq-button:hover{opacity:.8}.image-enhance__faq-icon{width:1.5rem;height:1.5rem;margin-left:1rem;color:#9ca3af;flex-shrink:0;transition:transform .3s ease}.image-enhance__faq-button:hover .image-enhance__faq-icon{color:#fff}.image-enhance__comparison-container{position:relative;width:100%;aspect-ratio:2 / 1;border-radius:16px;box-shadow:0 25px 50px -12px #000c;overflow:hidden}.image-enhance__comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-enhance__comparison-slider{position:absolute;top:0;bottom:0;z-index:10;width:4px;background:#fffc;cursor:ew-resize;user-select:none}.image-enhance__slider-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#374151;cursor:ew-resize;user-select:none;transition:all .3s ease}.image-enhance__slider-button:hover{background:#f3f4f6}@media(max-width:768px){.image-enhance__hero{padding-top:5rem;padding-bottom:1rem}#image-enhance-page .image-enhance__main-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}#image-enhance-page .image-enhance__main-description{font-size:1rem;line-height:1.5;margin-bottom:2rem}.image-enhance__upload-area{padding:2rem 1rem;margin:0 1rem}.image-enhance__upload-icon i{font-size:3rem}#image-enhance-page .image-enhance__upload-title{font-size:1.25rem;margin-bottom:.75rem}#image-enhance-page .image-enhance__upload-description{font-size:.875rem;margin-bottom:1.5rem}.image-enhance__upload-area:hover{transform:none;box-shadow:0 8px 32px #0000004d}.image-enhance__upload-area:hover .image-enhance__upload-icon i{transform:none}.image-enhance__canvas-container{width:calc(100% - 2rem);max-width:500px;margin:1rem auto;border-radius:.75rem;aspect-ratio:4 / 3;min-height:250px;max-height:400px;position:relative;overflow:hidden}#image-enhance__bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.image-enhance__progress-container{min-width:280px;max-width:90%;padding:1.5rem;margin:0 1rem}.image-enhance__control-panel{padding:.2rem}.image-enhance__controls-group{gap:.4rem}.image-enhance__type-selection-row .flex{flex-direction:row;gap:.75rem;justify-content:center;flex-wrap:wrap}.image-enhance__radio-card{min-width:120px;flex:1;max-width:160px;justify-content:center;padding:.75rem .5rem;font-size:.875rem;gap:0}.image-enhance__radio-card i{display:none}.image-enhance__radio-option:hover .image-enhance__radio-card{transform:none;box-shadow:0 2px 8px #0003}.image-enhance__process-btn{min-width:auto;width:100%;max-width:280px;padding:1rem 1.5rem;font-size:.875rem}.image-enhance__process-btn:hover{transform:none}.image-enhance__icon-btn{width:44px;height:44px}.image-enhance__icon-btn:hover,.image-enhance__icon-btn--active:hover{transform:none}.image-enhance__results{padding:1.5rem 1rem;margin:0 1rem;border-radius:1rem}#image-enhance-page .image-enhance__results .image-enhance__section-title{font-size:1.5rem;margin-bottom:1.5rem}.image-enhance__comparison{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.image-enhance__comparison-title{font-size:1rem;margin-bottom:.75rem}#image-enhance-page .image-enhance__results .flex{flex-direction:column;gap:1rem;align-items:stretch}.image-enhance__button{width:100%;padding:.875rem 1.5rem;font-size:.875rem}.image-enhance__button--success:hover,.image-enhance__button--secondary:hover,.image-enhance__button--primary:hover{transform:none}.image-enhance__error{padding:1.5rem 1rem;margin:0 1rem}.image-enhance__error-title{font-size:1.25rem;margin-bottom:.75rem}.image-enhance__error-message{font-size:.875rem;margin-bottom:1rem}#image-enhance-page .image-enhance__comparison-section .image-enhance__section-title{font-size:1.75rem;line-height:1.2;margin-bottom:1rem}#image-enhance-page .image-enhance__comparison-section .text-xl{font-size:1rem;line-height:1.5}.image-enhance__comparison-container{margin:0 auto;padding:0 1rem;border-radius:.75rem;aspect-ratio:16 / 10;max-width:calc(100vw - 2rem)}.image-enhance__slider-button{width:40px;height:40px}.image-enhance__slider-button:hover{background:#fff}#image-enhance-page .image-enhance__how-to-use-section .image-enhance__section-title{font-size:1.75rem;line-height:1.2;margin-bottom:1rem}#image-enhance-page .image-enhance__how-to-use-section .text-xl{font-size:1rem;line-height:1.5;margin-bottom:.75rem;margin-top:0rem}#image-enhance-page .image-enhance__steps-container .grid{grid-template-columns:1fr;gap:1rem}.image-enhance__step-card .bg-black{padding:1.5rem 1rem}.image-enhance__step-number{width:3rem;height:3rem;font-size:1.25rem}#image-enhance-page .image-enhance__step-title{font-size:1.125rem;margin-bottom:.75rem}#image-enhance-page .image-enhance__step-card .text-base{font-size:.875rem;line-height:1.5}.image-enhance__step-card:hover .bg-black{transform:none;box-shadow:none}#image-enhance-page .image-enhance__features-section .image-enhance__section-title{font-size:1.75rem;line-height:1.2;margin-bottom:1rem}#image-enhance-page .image-enhance__features-section .text-xl{font-size:1rem;margin-top:0rem;margin-bottom:.5rem}#image-enhance-page .image-enhance__features-section .grid{grid-template-columns:1fr;gap:1rem}.image-enhance__feature-card{padding:1.5rem 1rem}.image-enhance__feature-card .w-12{width:2.5rem;height:2.5rem}#image-enhance-page .image-enhance__feature-title{font-size:1.125rem;margin-bottom:.75rem}#image-enhance-page .image-enhance__feature-card .text-base{font-size:.875rem;line-height:1.5}.image-enhance__feature-card:hover{transform:none}#image-enhance-page .image-enhance__faq-section .image-enhance__section-title{font-size:1.75rem;line-height:1.2;margin-bottom:1rem}#image-enhance-page .image-enhance__faq-section .text-xl{font-size:1rem;line-height:1.5;margin-bottom:.75rem;margin-top:0rem}.image-enhance__faq-item{padding:1rem;margin:0 1rem}#image-enhance-page .image-enhance__faq-title{font-size:1rem}#image-enhance-page .image-enhance__faq-answer .text-base{font-size:1rem;line-height:1.5}.image-enhance__faq-icon{width:1.25rem;height:1.25rem}.image-enhance__faq-button:hover{opacity:1}.image-enhance__faq-button:hover .image-enhance__faq-icon{color:#9ca3af}#image-enhance-page .container{padding-left:1rem;padding-right:1rem}#image-enhance-page .text-5xl{font-size:2rem}#image-enhance-page .text-xl{font-size:1rem}#image-enhance-page .text-lg{font-size:1rem;line-height:1.5}#image-enhance-page .text-base{font-size:.875rem}#image-enhance-page .text-sm{font-size:.75rem}#image-enhance-page .py-16{padding-top:2rem;padding-bottom:2rem}#image-enhance-page .mb-16,#image-enhance-page .mb-12{margin-bottom:1.5rem}#image-enhance-page .mb-8{margin-bottom:1rem}#image-enhance-page .mb-6{margin-bottom:.75rem}#image-enhance-page .mb-4{margin-bottom:.2rem;margin-top:.2rem}}@media(max-width:480px){.image-enhance__hero{padding-top:5rem;padding-bottom:1rem}#image-enhance-page .image-enhance__main-title{font-size:1.75rem}.image-enhance__upload-area{padding:1.5rem .75rem;margin:0 .5rem}.image-enhance__canvas-container{width:calc(100% - 1rem);max-width:350px;margin:.75rem auto;min-height:200px;max-height:280px;aspect-ratio:4 / 3;position:relative;overflow:hidden}.image-enhance__progress-container{min-width:260px;padding:1.25rem;margin:0 .5rem}.image-enhance__results,.image-enhance__error{margin:0 .5rem}.image-enhance__comparison-container{margin:0 auto;padding:0 .5rem;max-width:calc(100vw - 1rem)}.image-enhance__faq-item{margin:0 .5rem}.image-enhance__radio-card{min-width:100px;max-width:140px;padding:.625rem .375rem;font-size:.8rem}.image-enhance__radio-card .text-sm{font-size:.75rem}.image-enhance__type-selection-row .flex{gap:.5rem}#image-enhance-page .container{padding-left:.75rem;padding-right:.75rem}#image-enhance-page .text-5xl{font-size:1.75rem}#image-enhance-page .py-16{padding-top:2rem;padding-bottom:2rem}}