.feature-gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.feature-gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.feature-gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.feature-gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.feature-gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.feature-gradient-6{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.upload-area{background-color:#0000;background-image:linear-gradient(45deg,#f3f4f6 25%,#0000 25%),linear-gradient(-45deg,#f3f4f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f3f4f6 75%),linear-gradient(-45deg,#0000 75%,#f3f4f6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;transition:all .3s}.upload-area:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.upload-area.dragover{background-color:#eff6ff;border-color:#3b82f6;transform:scale(1.02)}.image-comparison{border-radius:.5rem;position:relative;overflow:hidden}.image-comparison-slider{cursor:ew-resize;z-index:10;background:#3b82f6;width:2px;height:100%;position:absolute;top:0;left:50%}.image-comparison-slider:before{content:"";background:#3b82f6;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.processing-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.ai-glow{animation:2s ease-in-out infinite alternate aiGlow}@keyframes aiGlow{0%{box-shadow:0 0 10px #3b82f6,0 0 20px #3b82f6,0 0 30px #3b82f6}to{box-shadow:0 0 20px #3b82f6,0 0 30px #3b82f6,0 0 40px #3b82f6}}.preset-button{transition:all .2s;position:relative;overflow:hidden}.preset-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preset-button:hover:before{width:100%;height:100%}.history-card{transform-origin:50%;transition:all .3s}.history-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px #00000026}.progress-bar-animated{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 50%,#3b82f6 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite progressGradient}@keyframes progressGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tab-content{animation:.3s ease-out tabSlideIn}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-showcase{opacity:0;animation:.6s ease-out forwards fadeInUp;transform:translateY(20px)}.feature-showcase:first-child{animation-delay:.1s}.feature-showcase:nth-child(2){animation-delay:.2s}.feature-showcase:nth-child(3){animation-delay:.3s}.feature-showcase:nth-child(4){animation-delay:.4s}.feature-showcase:nth-child(5){animation-delay:.5s}.feature-showcase:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating-action{z-index:50;animation:3s ease-in-out infinite floatButton;position:fixed;bottom:2rem;right:2rem}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.feature-grid{grid-template-columns:1fr;gap:1rem}.editor-layout{grid-template-columns:1fr!important}.history-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.upload-area{background-color:#0000;background-image:linear-gradient(45deg,#374151 25%,#0000 25%),linear-gradient(-45deg,#374151 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#374151 75%),linear-gradient(-45deg,#0000 75%,#374151 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.upload-area:hover{background-color:#1f2937}.upload-area.dragover{background-color:#1e3a8a}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1f2937;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}