@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--bg-dark:#f0fdf4;--bg-gradient:radial-gradient(circle at top right, #fff 0%, #f1f5f9 60%);--surface:#ffffffa6;--surface-hover:#ffffffd9;--surface-active:#fff;--glass-border:#0000000d;--glass-highlight:#ffffff80;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--input-bg:#00000005;--border-dashed:#3b82f640;--slider-bg:#00000014;--icon-bg:#3b82f60f;--primary-gradient:linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);--primary-gradient-hover:linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--accent-color:#3b82f6;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-glow:0 10px 40px #3b82f626;--shadow-card:0 20px 50px -12px #0000000a;--shadow-inner:inset 0 0 0 1px var(--glass-highlight);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--border-radius:24px}[data-theme=dark]{--bg-dark:#020617;--bg-gradient:radial-gradient(circle at top right, #0f172a 0%, #020617 60%);--surface:#1e293b66;--surface-hover:#1e293b99;--surface-active:#1e293bcc;--glass-border:#ffffff0f;--glass-highlight:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--input-bg:#0003;--border-dashed:#3b82f64d;--slider-bg:#ffffff0d;--icon-bg:#3b82f61f;--shadow-glow:0 0 40px #3b82f633;--shadow-card:0 20px 50px -12px #000c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;flex-direction:column;min-height:100vh;transition:background .4s,color .4s;display:flex;position:relative;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), var(--shadow-inner);border-radius:var(--border-radius);transition:all var(--transition-smooth)}.glass-panel:hover{background:var(--surface-hover);border-color:#3b82f64d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--input-bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.bg-glow-1{z-index:-1;pointer-events:none;background:radial-gradient(circle,#38bdf81a 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:fixed;top:-10vw;left:-5vw}.bg-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:fixed;bottom:-10vw;right:-5vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.8s forwards fadeIn}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.top-nav{z-index:1000;border-bottom:1px solid var(--glass-border);background:var(--surface);-webkit-backdrop-filter:blur(24px);width:100%;transition:all var(--transition-fast);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 40px;display:grid;position:sticky;top:0}@media (width<=992px){.top-nav{padding:10px 20px}}.nav-logo{justify-self:start;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;display:flex}.nav-menu{justify-self:center;align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:8px 0;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.nav-link:after{content:"";background:var(--primary-gradient);width:0%;height:2px;transition:width var(--transition-fast);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-item-dropdown{cursor:pointer;position:relative}.nav-item-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-title{align-items:center;gap:6px;display:flex}.dropdown-menu{background:var(--bg-dark);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);opacity:0;visibility:hidden;min-width:200px;transition:all var(--transition-fast);border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px)}.dropdown-item{color:var(--text-secondary);transition:var(--transition-fast);text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;padding:10px 16px;font-size:.95rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--icon-bg);color:var(--accent-color);transform:translate(4px)}.right-controls{justify-self:end;align-items:center;gap:16px;display:flex}.theme-toggle{background:var(--icon-bg);color:var(--text-primary);width:44px;height:44px;transition:all var(--transition-fast);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.mobile-menu-toggle{background:var(--icon-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:44px;height:44px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:none}.mobile-nav-overlay{background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);z-index:999;opacity:0;visibility:hidden;flex-direction:column;gap:16px;width:100%;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:77px;left:0;transform:translateY(-100%)}.mobile-nav-overlay.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-link{background:var(--icon-bg);color:var(--text-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;font-size:1.25rem;font-weight:600;display:flex}.mobile-submenu{flex-direction:column;gap:8px;margin-top:-8px;padding-left:16px;display:flex}.mobile-sublink{color:var(--text-secondary);border-left:2px solid var(--glass-border);padding:12px;font-size:1rem}@media (width<=992px){.nav-menu{display:none}.mobile-menu-toggle{display:flex}.top-nav{grid-template-columns:auto auto;justify-content:space-between;padding:12px 24px}.nav-logo,.right-controls{justify-self:auto}}.app-main{flex-direction:column;flex:1;gap:clamp(24px,5vw,40px);width:100%;max-width:1100px;margin:0 auto;padding:clamp(20px,5vw,60px) 16px 80px;display:flex}.app-header{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;display:flex}.logo-container{background:var(--icon-bg);border:1px solid var(--glass-border);width:72px;height:72px;box-shadow:var(--shadow-glow);border-radius:22px;justify-content:center;align-items:center;display:flex}.logo-icon{color:var(--accent-color)}.app-header h1,.seo-h1{letter-spacing:-.04em;font-size:clamp(2.2rem,8vw,3.8rem);font-weight:800;line-height:1.05}.app-header p{color:var(--text-secondary);max-width:600px;font-size:clamp(1rem,3vw,1.25rem);line-height:1.6}.layout-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.feature-badge{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.feature-badge .dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px}.step-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:1.25rem;font-weight:700;display:flex}.step-number{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex}.dropzone{text-align:center;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--glass-highlight);-webkit-backdrop-filter:blur(20px);border:2px dashed #3b82f666;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:clamp(50px,10vw,90px) clamp(20px,5vw,40px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 60%);position:absolute;inset:0}.dropzone-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.dropzone.mini{border-width:1px;border-radius:20px;flex-direction:row;gap:12px;height:auto;padding:24px}.dropzone:hover,.dropzone.dragging{border-color:var(--accent-color);background:var(--surface-hover);box-shadow:0 20px 40px -10px #3b82f633, inset 0 0 0 1px var(--accent-color);transform:translateY(-4px)}.icon-pulse-container{background:#3b82f614;border:1px solid #3b82f633;border-radius:50%;justify-content:center;align-items:center;width:clamp(70px,15vw,110px);height:clamp(70px,15vw,110px);margin:0 auto 12px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #3b82f61a}.dropzone:hover .icon-pulse-container{background:var(--primary-gradient);border-color:#0000;transform:scale(1.15)translateY(-5px);box-shadow:0 15px 35px #3b82f666}.upload-icon{color:var(--accent-color);width:clamp(32px,8vw,48px);height:clamp(32px,8vw,48px);transition:all .4s}.dropzone:hover .upload-icon{color:#fff}.upload-icon-mini{color:var(--accent-color)}.dropzone h3{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:850}.dropzone p{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500}.dashboard-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=860px){.dashboard-grid{grid-template-columns:1fr 340px}}.file-list-section{flex-direction:column;gap:20px;display:flex}.list-header{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}@media (width<=540px){.list-header{flex-direction:column;align-items:flex-start;gap:12px}}.clear-btn{color:#ef4444;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef44441a;border-radius:40px;padding:8px 18px;font-size:.85rem;font-weight:700}@media (width<=540px){.clear-btn{text-align:center;width:100%}}.clear-btn:hover{color:#fff;background:#ef4444;box-shadow:0 8px 20px #ef444433}.file-card{background:var(--surface);border:1px solid var(--glass-border);width:100%;min-width:0;box-shadow:0 4px 15px #00000005, inset 0 0 0 1px var(--glass-highlight);border-radius:28px;align-items:center;gap:clamp(16px,3vw,24px);padding:clamp(16px,3vw,20px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.file-card:hover{background:var(--surface-hover);box-shadow:0 15px 35px -10px #3b82f626, inset 0 0 0 1px var(--glass-highlight);border-color:#3b82f666;transform:translateY(-4px)scale(1.01)}.file-card.processing{border-color:#3b82f699;animation:2s ease-in-out infinite pulseLight;box-shadow:0 0 25px #3b82f640}@keyframes pulseLight{0%{box-shadow:0 0 15px #3b82f61a}50%{box-shadow:0 0 35px #3b82f64d}to{box-shadow:0 0 15px #3b82f61a}}.file-card.success{background:#10b98108;border-color:#10b98199}.file-details{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.mini-preview{object-fit:cover;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:16px;width:68px;height:68px;box-shadow:0 8px 20px #00000014}.filename{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);width:100%;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;overflow:hidden}.filesize-info{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-size:.85rem;display:flex}.size-arrow{color:var(--accent-color)}.new-size{color:#10b981;font-weight:700}.file-actions{align-items:center;gap:12px;display:flex}.icon-btn{background:var(--input-bg);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{background:var(--surface-hover);color:var(--accent-color);border-color:#3b82f64d;transform:scale(1.1);box-shadow:0 4px 12px #3b82f626}.icon-btn.remove-single:hover{color:#ef4444;background:#fef2f2;border-color:#ef44444d;box-shadow:0 4px 12px #ef444426}[data-theme=dark] .icon-btn.remove-single:hover{background:#ef44441a}.icon-btn.download-single{color:#10b981;background:#10b9810d;border-color:#10b98133}.icon-btn.download-single:hover{color:#fff;background:#10b981;border-color:#0000;transform:scale(1.1);box-shadow:0 4px 12px #10b9814d}.controls-sidebar{flex-direction:column;gap:24px;display:flex}.sticky-sidebar{position:sticky;top:120px}.control-group{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--glass-highlight);-webkit-backdrop-filter:blur(24px);border-radius:32px;flex-direction:column;gap:28px;padding:32px;display:flex;position:relative;overflow:hidden}.control-group:before{content:"";background:var(--primary-gradient);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.input-group{flex-direction:column;gap:14px;display:flex;position:relative}.input-group label{color:var(--text-primary);letter-spacing:-.01em;justify-content:space-between;font-size:1.05rem;font-weight:700;display:flex}.custom-select{width:100%;position:relative}.custom-select select{appearance:none;background:var(--bg-dark);width:100%;color:var(--text-primary);cursor:pointer;border:2px solid #3b82f61a;border-radius:16px;outline:none;padding:16px 20px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}.custom-select select:focus,.custom-select select:hover{border-color:var(--accent-color);background:var(--surface-hover);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000005}.custom-select .select-icon{pointer-events:none;color:var(--accent-color);position:absolute;top:50%;right:18px;transform:translateY(-50%)rotate(90deg)}.custom-select select:disabled{opacity:.5;cursor:not-allowed}.custom-range{-webkit-appearance:none;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;outline:none;width:100%;height:8px}.custom-range::-webkit-slider-thumb{appearance:none;cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border:2px solid var(--accent-color);background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003}.custom-range::-webkit-slider-thumb:hover{background:var(--accent-color);transform:scale(1.15)}.custom-range:disabled{opacity:.5}.processing-container{background:var(--icon-bg);border:1px solid var(--border-dashed);border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:20px;display:flex}.progress-info{color:var(--text-primary);justify-content:space-between;font-size:1rem;font-weight:600;display:flex}.progress-bar-bg{background:var(--input-bg);border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width .3s}.action-section{flex-direction:column;align-items:center;width:100%;margin-top:10px;display:flex}.primary-btn{background:var(--primary-gradient);color:#fff;letter-spacing:.02em;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;gap:14px;width:100%;padding:clamp(16px,4vw,20px) 36px;font-size:clamp(1.05rem,3vw,1.25rem);font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #3b82f640,inset 0 2px 4px #fff3}.primary-btn:after{content:"";background:linear-gradient(45deg,#0000 0%,#ffffff1a 45%,#ffffff4d 50%,#ffffff1a 55%,#0000 100%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.primary-btn:hover:after{transform:rotate(-45deg)translate(50%,50%)}.primary-btn:hover{background:var(--primary-gradient-hover);transform:translateY(-4px)scale(1.02);box-shadow:0 20px 50px #3b82f673,inset 0 2px 4px #ffffff4d}.primary-btn:active{transform:translateY(0)scale(.98)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.success-actions{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.result-stats{background:#10b98114;border:1px solid #10b9814d;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 24px;display:flex}.stat-text{flex-direction:column;display:flex}.stat-text span{color:#10b981;font-size:1.1rem;font-weight:700}.stat-text small{color:var(--text-secondary);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.text-success{color:#10b981}.app-footer{text-align:center;width:100%;color:var(--text-muted);border-top:1px solid var(--glass-border);background:var(--surface);flex-direction:column;align-items:center;gap:16px;margin-top:80px;padding:32px;font-size:.95rem;display:flex}.footer-links{align-items:center;font-size:1rem;display:flex}.footer-links a{color:var(--text-primary);transition:color var(--transition-fast);font-weight:600}.footer-links a:hover{color:var(--accent-color)}.footer-links .separator{color:var(--glass-border);margin:0 16px}.footer-copy{font-size:.9rem}.legal-content{color:var(--text-secondary);padding:50px;font-size:1.05rem;line-height:1.8}.legal-content h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem}@media (width<=768px){.legal-content h1{font-size:1.8rem}}.legal-content h2{color:var(--text-primary);margin-top:40px;margin-bottom:16px;font-size:1.5rem}.legal-content p{margin-bottom:16px}.legal-content b{color:var(--accent-color)}.seo-links-container{text-align:center;flex-direction:column;align-items:center;gap:24px;margin-top:60px;padding:40px 30px;display:flex}.seo-links-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.seo-links-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:700px;display:flex}.seo-link-chip{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:40px;padding:12px 24px;font-size:1rem;font-weight:600;box-shadow:0 4px 10px #00000005}.seo-link-chip:hover{background:var(--surface-hover);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 15px #3b82f61a}.seo-link-chip.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow);border:none}.editor-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.editor-modal-content{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--glass-border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;overflow:hidden}.studio-editor-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-tabs{border-bottom:1px solid var(--glass-border);background:var(--input-bg);scrollbar-width:none;display:flex;overflow-x:auto}.studio-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 12px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--accent-color);background:var(--icon-bg);border-bottom-color:var(--accent-color)}.studio-content{background:var(--bg-dark);flex:1;padding:24px;overflow-y:auto}.ReactCrop{max-width:100%;margin:0 auto;display:block}.ReactCrop img{border-radius:8px;max-width:100%;display:block}.secondary-btn{background:var(--surface);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.secondary-btn:hover{border-color:var(--accent-color);background:#ffffff0d}.nav-content{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;display:grid}.nav-logo-premium{justify-self:start;align-items:center;gap:14px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.brand-name{letter-spacing:-.03em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:850}.nav-menu-premium{justify-self:center;align-items:center;gap:24px;display:flex}@media (width<=1080px){.nav-menu-premium{display:none}}.nav-link-premium:hover,.nav-link-premium.active{color:var(--accent-color);background:var(--icon-bg)}.wp-plugin-btn{box-shadow:0 4px 12px var(--accent-glow);background:var(--primary-gradient)!important;color:#fff!important}.wp-plugin-btn:hover{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-2px)}@media (width<=600px){.right-controls-premium .wp-plugin-btn{display:none}}.nav-item-dropdown-premium{position:relative}.dropdown-menu-premium{background:var(--surface);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);opacity:0;visibility:hidden;min-width:450px;box-shadow:var(--shadow-xl);border-radius:20px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px)}.dropdown-item-premium:hover{background:var(--icon-bg)}.item-icon-wrapper{background:var(--icon-bg);width:36px;height:36px;color:var(--accent-color);border-radius:10px;justify-content:center;align-items:center;display:flex}.right-controls-premium{justify-self:end;align-items:center;gap:12px;display:flex}.theme-toggle-premium:hover{border-color:var(--accent-color);transform:rotate(15deg)}.mobile-menu-toggle-premium{background:var(--icon-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-nav-overlay-premium{background:var(--surface);z-index:2000;flex-direction:column;gap:12px;width:100%;height:100vh;padding:80px 24px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(100%)}.mobile-nav-content{width:100%;max-width:500px;margin:0 auto}.mobile-link-premium{background:var(--icon-bg);color:var(--text-primary);border-radius:12px;margin-bottom:12px;padding:16px;font-size:1.2rem;font-weight:700;text-decoration:none;display:block}.mobile-section{margin-bottom:24px}.mobile-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 16px 12px;font-size:.8rem;font-weight:800}.mobile-submenu-premium{flex-direction:column;gap:4px;display:flex}.trust-badge-container{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:24px;margin-top:40px;padding-top:40px;display:flex}.gradient-text,.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=1200px){.footer-main-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=768px){.nav-menu-premium{display:none}.mobile-menu-toggle-premium{display:flex}.nav-content{height:70px}.app-main{padding-top:20px}.converter-grid{grid-template-columns:1fr!important;gap:24px!important}.options-sidebar{width:100%!important;position:relative!important;top:0!important}.dropzone{padding:32px 16px!important}.dropzone-inner{padding:30px 15px!important}.modal-content.editor-modal{border-radius:0;max-height:98vh}.editor-body{overflow-y:auto;grid-template-columns:1fr!important}.editor-sidebar-controls{border-top:1px solid var(--glass-border);border-left:none!important;padding:24px!important}.input-split{flex-direction:column!important;gap:12px!important}.input-split .glass-input{width:100%!important}}@media (width<=640px){.footer-main-grid{grid-template-columns:1fr;gap:30px}.brand-name{letter-spacing:-.01em;font-size:1rem}.brand-tagline{font-size:.55rem}.nav-logo-premium{gap:8px}.logo-text-stack{gap:0}.nav-logo-premium img{width:32px;height:32px}.footer-bottom-container{text-align:center;flex-direction:column;gap:24px;padding-bottom:40px}.trust-badge-container{justify-content:center;gap:16px}}.top-nav-premium{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.nav-container{max-width:1400px;margin:0 auto;padding:0 24px}.nav-content{justify-content:space-between;align-items:center;gap:24px;height:80px;display:flex}.nav-logo-premium{align-items:center;gap:14px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-logo-premium:hover{transform:scale(1.02)}.logo-text-stack{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:-.03em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:850}.brand-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.nav-menu-premium{align-items:center;gap:8px;display:flex}.nav-link-premium{color:var(--text-secondary);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link-premium:hover{color:var(--accent-color);background:var(--icon-bg)}.nav-link-premium.active{color:var(--accent-color);background:rgba(var(--accent-rgb), .1)}.dropdown-chevron{opacity:.5;margin-left:4px}.wp-plugin-btn{box-shadow:0 4px 12px var(--accent-glow);margin-left:12px;background:var(--primary-gradient)!important;color:#fff!important}.wp-plugin-btn:hover{box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.nav-item-dropdown-premium{padding:10px 0;position:relative}.dropdown-menu-premium{background:var(--surface);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);opacity:0;visibility:hidden;border-radius:24px;min-width:480px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(15px);box-shadow:0 20px 50px #00000026}.nav-item-dropdown-premium:hover .dropdown-menu-premium{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dropdown-item-premium{border-radius:16px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item-premium:hover{background:var(--icon-bg);transform:translate(4px)}.item-icon-wrapper{background:var(--icon-bg);width:40px;height:40px;color:var(--accent-color);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.dropdown-item-premium:hover .item-icon-wrapper{background:var(--accent-color);color:#fff}.item-text{flex-direction:column;display:flex}.item-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.item-desc{color:var(--text-muted);font-size:.75rem}.right-controls-premium{align-items:center;gap:12px;display:flex}.theme-toggle-premium{background:var(--icon-bg);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-premium:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:rotate(15deg)scale(1.05)}.mobile-menu-toggle-premium{background:var(--icon-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;z-index:2100;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:relative}.mobile-nav-overlay-premium{background:var(--bg-dark);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2000;flex-direction:column;width:100%;height:100vh;padding:80px 20px 40px;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.mobile-nav-overlay-premium.open{transform:translateY(0)}.mobile-nav-content{flex-direction:column;gap:20px;width:100%;max-width:480px;margin:0 auto;display:flex}.mobile-link-premium{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:20px;align-items:center;gap:12px;padding:16px 20px;font-size:1.4rem;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.mobile-link-premium:active{background:var(--icon-bg);transform:scale(.98)}.mobile-section{background:var(--surface);border:1px solid var(--glass-border);border-radius:24px;padding:16px}.mobile-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--glass-border);margin-bottom:12px;padding:0 0 12px 10px;font-size:.7rem;font-weight:900}.mobile-submenu-premium{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-sublink-premium{color:var(--text-secondary);border-radius:14px;padding:14px;font-size:1.05rem;font-weight:650;text-decoration:none;transition:all .2s}.mobile-sublink-premium:active{background:var(--icon-bg);color:var(--accent-color)}.footer-premium{background:var(--surface);border-top:1px solid var(--glass-border);margin-top:140px;padding:120px 0 60px;position:relative;overflow:hidden}.footer-premium:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);opacity:.3;width:100%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-main-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:80px;max-width:1400px;margin:0 auto 100px;padding:0 24px;display:grid}.footer-brand-section{flex-direction:column;gap:28px;display:flex}.footer-logo-premium{color:var(--text-primary);align-items:center;gap:14px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:850;text-decoration:none;display:flex}.footer-premium h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:28px;font-size:.85rem;font-weight:850}.footer-links-premium{flex-direction:column;gap:16px;display:flex}.footer-links-premium a{color:var(--text-secondary);font-size:.98rem;font-weight:550;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.footer-links-premium a:hover{color:var(--accent-color);transform:translate(6px)}.social-stack{flex-wrap:wrap;gap:12px;display:flex}.social-pill{background:var(--icon-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:100px;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.social-pill:hover{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px var(--accent-glow);border-color:#0000;transform:translateY(-3px)}.footer-bottom-container{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1400px;margin:0 auto;padding:40px 24px 0;display:flex}.trust-badge-container{flex-wrap:wrap;gap:28px;display:flex}.trust-badge{color:var(--text-secondary);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.trust-badge svg{color:var(--accent-color)}@media (width<=1100px){.nav-menu-premium{display:none}.mobile-menu-toggle-premium{display:flex}.footer-main-grid{grid-template-columns:1fr 1fr;gap:60px}}@media (width<=640px){.footer-main-grid{grid-template-columns:1fr;gap:40px}.nav-container{padding:0 16px}.brand-name{font-size:1.2rem}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#020617d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content.editor-modal{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:32px;flex-direction:column;width:100%;max-width:1000px;max-height:85vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--glass-border);background:var(--surface);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-info h3{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem}.header-info p{color:var(--text-muted);font-size:.85rem}.close-btn{background:var(--icon-bg);color:var(--text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef44441a;transform:rotate(90deg)}.editor-body{background:#000;flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid;overflow:hidden}.crop-container{background:repeating-conic-gradient(#1e293b 0% 25%,#0f172a 0% 50%) 50%/20px 20px;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.editor-controls{background:var(--bg-dark);flex-direction:column;gap:32px;padding:32px;display:flex;overflow-y:auto}.control-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.btn-row{gap:12px;display:flex}.ctrl-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;transition:all .2s;display:flex}.ctrl-btn:hover{background:var(--icon-bg);border-color:var(--accent-color);color:var(--accent-color)}.ctrl-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.editor-footer{flex-direction:column;gap:12px;margin-top:auto;display:flex}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=850px){.editor-body{grid-template-rows:minmax(auto,60vh) auto;grid-template-columns:1fr}.editor-controls{border-left:none;border-top:1px solid var(--glass-border);gap:20px;padding:24px}}.header-logo-img{object-fit:cover;width:42px;height:42px;box-shadow:var(--premium-shadow);border-radius:12px}.dropdown-chevron{opacity:.5;margin-left:4px;transition:transform .3s}.nav-item-dropdown-premium:hover .dropdown-chevron{transform:rotate(180deg)}.cta-premium-mobile{margin-top:10px;background:var(--primary-gradient)!important;color:#fff!important;box-shadow:0 10px 20px var(--accent-glow)!important;border:none!important}.advanced-options-container{margin:16px 0}.advanced-toggle{background:var(--icon-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.advanced-toggle:hover{border-color:var(--accent-color)}.advanced-panel{background:var(--surface);border:1px solid var(--glass-border);border-top:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex}.advanced-field{flex-direction:column;gap:8px;display:flex}.input-split{gap:12px;display:flex}.glass-input{background:var(--icon-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;width:100%;padding:10px 14px;font-size:.9rem}.info-alert{background:rgba(var(--accent-rgb), .1);color:var(--text-muted);border-radius:10px;gap:12px;padding:12px;font-size:.75rem;display:flex}@media (width<=768px){.input-split{flex-direction:column!important}.editor-body{grid-template-columns:1fr!important}}