.img-upscaler{--up-primary:#6d5dfc;--up-primary-dark:#5545e8;--up-primary-soft:#f0eeff;--up-success:#079669;--up-danger:#b42318;--up-text:#182033;--up-muted:#68738a;--up-border:#dfe5f0;--up-surface:#fff;--up-surface-soft:#f7f9fc;position:relative;width:100%}.img-upscaler:before{display:none}.img-upscaler .hidden{display:none!important}.img-upscaler .upload-zone{align-items:center;background:radial-gradient(circle at 50% 20%,rgba(109,93,252,.12),transparent 32%),linear-gradient(145deg,hsla(0,0%,100%,.96),rgba(245,247,255,.94));border:2px dashed #ccd5e5;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:470px;overflow:hidden;padding:54px 28px;position:relative;text-align:center;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease}.img-upscaler .upload-zone:before{background-image:radial-gradient(rgba(109,93,252,.2) .8px,transparent 0);background-size:22px 22px;content:"";inset:0;mask-image:linear-gradient(180deg,#000,transparent 72%);opacity:.42;pointer-events:none;position:absolute}.img-upscaler .upload-zone>*{position:relative;z-index:1}.img-upscaler .upload-zone.drag-over,.img-upscaler .upload-zone:focus-visible,.img-upscaler .upload-zone:hover{background:radial-gradient(circle at 50% 20%,rgba(109,93,252,.17),transparent 35%),linear-gradient(145deg,#fff,#f3f2ff);border-color:var(--up-primary);box-shadow:0 0 0 5px rgba(109,93,252,.09),0 20px 44px rgba(68,62,138,.1);outline:none}.img-upscaler .upload-zone.drag-over{transform:scale(1.008)}.img-upscaler .upload-zone__badge{align-items:center;backdrop-filter:blur(8px);background:rgba(240,238,255,.86);border:1px solid rgba(109,93,252,.16);border-radius:999px;color:#5545df;display:inline-flex;font-size:.76rem;font-weight:750;gap:7px;letter-spacing:.02em;min-height:30px;padding:6px 12px}.img-upscaler .upload-zone__badge i{background:#6d5dfc;border-radius:50%;box-shadow:0 0 0 4px rgba(109,93,252,.12);height:7px;width:7px}.img-upscaler .upload-zone__icon{background:linear-gradient(145deg,#8170ff,#5a4be8);border:1px solid hsla(0,0%,100%,.7);border-radius:28px;box-shadow:0 18px 42px rgba(93,77,225,.3),inset 0 1px 0 hsla(0,0%,100%,.3);color:#fff;display:grid;height:94px;margin:22px 0 18px;place-items:center;position:relative;width:94px}.img-upscaler .upload-zone__icon svg{height:46px;width:46px}.img-upscaler .upload-zone__orbit{animation:none;border:1px solid rgba(109,93,252,.23);border-radius:32px;inset:-11px;position:absolute}@keyframes upscaler-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.img-upscaler .upload-zone h2{color:var(--up-text);font-size:clamp(1.35rem,2.2vw,1.72rem);font-weight:780;letter-spacing:-.025em;margin:0 0 9px}.img-upscaler .upload-zone>p:not(.upload-error){color:var(--up-muted);font-size:.96rem;line-height:1.65;margin:0 0 23px;max-width:540px}.img-upscaler .upload-zone__specs{align-items:center;color:#7a8499;display:flex;font-size:.75rem;font-weight:600;gap:10px;justify-content:center;margin-top:20px}.img-upscaler .upload-zone__specs i{background:#aab3c4;border-radius:50%;height:3px;width:3px}.img-upscaler .upload-zone .upload-error{background:#fff5f4;border:1px solid #f4c7c3;border-radius:10px;color:var(--up-danger);font-size:.84rem;font-weight:650;margin:15px auto 0;max-width:560px;padding:9px 13px}.img-upscaler .btn{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:750;gap:9px;justify-content:center;min-height:46px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.img-upscaler .btn svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.img-upscaler .btn:hover:not(:disabled){transform:translateY(-2px)}.img-upscaler .btn:focus-visible{outline:3px solid rgba(109,93,252,.22);outline-offset:2px}.img-upscaler .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.48;transform:none}.img-upscaler .btn--lg{border-radius:14px;min-height:52px;padding-inline:26px}.img-upscaler .btn--primary{background:linear-gradient(135deg,#755fff,#5b4ae8);box-shadow:0 12px 25px rgba(91,74,232,.26);color:#fff}.img-upscaler .btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6853f1,#4e3fd1);box-shadow:0 16px 30px rgba(91,74,232,.34)}.img-upscaler .btn--secondary{background:#f5f7fb;border:1px solid var(--up-border);color:#384256}.img-upscaler .btn--secondary:hover:not(:disabled){background:#e9edf5}.img-upscaler .btn--success{background:linear-gradient(135deg,#12a979,#07845f);box-shadow:0 12px 24px rgba(7,150,105,.2);color:#fff}.img-upscaler .btn--success:hover:not(:disabled){background:linear-gradient(135deg,#0a966b,#057451)}.img-upscaler .edit-panel{display:flex;flex-direction:column;gap:18px}.img-upscaler .preview-section{background:#181927;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 20px 44px rgba(21,23,41,.18);overflow:hidden}.img-upscaler .preview-header{align-items:center;background:hsla(0,0%,100%,.045);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:16px;justify-content:space-between;min-height:68px;padding:12px 16px 12px 18px}.img-upscaler .preview-heading{align-items:center;display:flex;gap:11px;min-width:0}.img-upscaler .preview-heading__icon{background:rgba(109,93,252,.16);border:1px solid rgba(184,176,255,.16);border-radius:11px;color:#b8b0ff;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.img-upscaler .preview-heading__icon svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:20px}.img-upscaler .preview-heading>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.img-upscaler .preview-heading strong{color:#fff;font-size:.9rem}.img-upscaler .preview-heading small{color:hsla(0,0%,100%,.55);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-upscaler .zoom-controls{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;gap:4px;padding:4px}.img-upscaler .zoom-btn{background:transparent;border:0;border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;display:grid;height:34px;padding:0;place-items:center;transition:color .2s,background .2s;width:34px}.img-upscaler .zoom-btn:focus-visible,.img-upscaler .zoom-btn:hover{background:hsla(0,0%,100%,.12);color:#fff;outline:none}.img-upscaler .zoom-level{color:hsla(0,0%,100%,.72);font-size:.78rem;font-variant-numeric:tabular-nums;min-width:49px;text-align:center}.img-upscaler .preview-container{align-items:center;background:radial-gradient(circle at 50% 45%,rgba(109,93,252,.13),transparent 36%),linear-gradient(45deg,hsla(0,0%,100%,.018) 25%,transparent 0,transparent 75%,hsla(0,0%,100%,.018) 0),linear-gradient(45deg,hsla(0,0%,100%,.018) 25%,transparent 0,transparent 75%,hsla(0,0%,100%,.018) 0),#171824;background-position:0 0,0 0,12px 12px;background-size:auto,24px 24px,24px 24px;display:flex;height:clamp(380px,48vw,520px);justify-content:center;overflow:hidden;padding:32px;position:relative}.img-upscaler .preview-container.is-zoomed{overflow:auto}.img-upscaler .canvas-wrapper{background:#fff;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;box-shadow:0 22px 55px rgba(0,0,0,.42);flex:0 0 auto;max-height:100%;max-width:100%;overflow:hidden;position:relative;transition:transform .2s ease}.img-upscaler #mainCanvas{background:#fff;display:block;max-height:100%;max-width:100%}.img-upscaler .compare-slider{display:none;inset:32px;pointer-events:none;position:absolute}.img-upscaler .compare-slider.active{display:block;pointer-events:auto}.img-upscaler .compare-label{backdrop-filter:blur(8px);background:rgba(12,13,23,.76);border:1px solid hsla(0,0%,100%,.16);border-radius:999px;color:#fff;font-size:.68rem;font-weight:750;padding:6px 10px;position:absolute;text-transform:uppercase;top:10px;z-index:2}.img-upscaler .compare-label.original{left:10px}.img-upscaler .compare-label.upscaled{right:10px}.img-upscaler .compare-handle{background:#fff;bottom:0;box-shadow:0 0 12px rgba(0,0,0,.45);cursor:ew-resize;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:3}.img-upscaler .handle-line{background:#fff;inset:0;position:absolute}.img-upscaler .handle-circle{background:#fff;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.3);color:var(--up-primary);display:grid;height:42px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}.img-upscaler .controls-section{background:var(--up-surface);border:1px solid var(--up-border);border-radius:20px;box-shadow:0 14px 34px rgba(30,40,75,.07);padding:22px}.img-upscaler .controls-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.img-upscaler .controls-kicker{color:var(--up-primary);display:block;font-size:.65rem;font-weight:800;letter-spacing:.1em;margin-bottom:4px}.img-upscaler .controls-heading h4{color:var(--up-text);font-size:1.05rem;font-weight:760;margin:0}.img-upscaler .controls-heading__hint{color:var(--up-muted);font-size:.73rem;line-height:1.4;max-width:270px;text-align:right}.img-upscaler .scale-buttons{display:grid;gap:11px;grid-template-columns:repeat(3,minmax(0,1fr))}.img-upscaler .scale-btn{align-items:flex-start;background:var(--up-surface-soft);border:1.5px solid var(--up-border);border-radius:16px;color:var(--up-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;min-height:132px;overflow:hidden;padding:17px;position:relative;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.img-upscaler .scale-btn:after{background:rgba(109,93,252,.05);border-radius:50%;bottom:-35px;content:"";height:90px;position:absolute;right:-25px;transition:transform .25s;width:90px}.img-upscaler .scale-btn:hover:not(:disabled){background:#f5f3ff;border-color:#a69cff;transform:translateY(-2px)}.img-upscaler .scale-btn:hover:not(:disabled):after{transform:scale(1.25)}.img-upscaler .scale-btn.active{background:linear-gradient(145deg,#f3f1ff,#ece9ff);border-color:var(--up-primary);box-shadow:0 0 0 3px rgba(109,93,252,.1),0 10px 22px rgba(91,74,220,.1)}.img-upscaler .scale-btn:focus-visible{outline:3px solid rgba(109,93,252,.18);outline-offset:2px}.img-upscaler .scale-btn:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.46}.img-upscaler .scale-badge{align-self:flex-end;color:#7a8497;font-size:.62rem;font-weight:720;margin-bottom:-9px}.img-upscaler .scale-btn.active .scale-badge{color:var(--up-primary)}.img-upscaler .scale-value{color:var(--up-primary);font-size:1.75rem;font-weight:820;letter-spacing:-.04em;line-height:1}.img-upscaler .scale-label{color:#455066;font-size:.75rem;font-weight:650;margin-top:8px}.img-upscaler .scale-dimensions{color:var(--up-muted);font-size:.68rem;font-variant-numeric:tabular-nums;margin-top:auto}.img-upscaler .image-info{border-top:1px solid var(--up-border);display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding-top:18px}.img-upscaler .info-item{align-items:center;background:#fafbfc;border:1px solid #e8ecf3;border-radius:13px;display:flex;gap:10px;min-width:0;padding:11px}.img-upscaler .info-icon{background:#edf0f5;border-radius:10px;color:#667085;display:grid;flex:0 0 35px;height:35px;place-items:center;width:35px}.img-upscaler .info-icon--accent{background:#eeecff;color:#6655ed}.img-upscaler .info-icon--success{background:#e7f8f1;color:#07845f}.img-upscaler .info-icon svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.img-upscaler .info-item>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.img-upscaler .info-label{color:var(--up-muted);font-size:.63rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.img-upscaler .info-value{color:var(--up-text);font-size:.82rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-upscaler .tool-status{background:#f6f8fb;border:1px solid #dce2ed;border-radius:11px;color:#3d4a61;font-size:.78rem;font-weight:600;margin:14px 0 0;padding:10px 13px}.img-upscaler .tool-status.is-success{background:#effbf6;border-color:#a8e3ce;color:#067451}.img-upscaler .tool-status.is-error{background:#fff4f3;border-color:#f0beb9;color:#a72b22}.img-upscaler .result-toolbar{align-items:center;background:hsla(0,0%,100%,.94);border:1px solid var(--up-border);border-radius:18px;box-shadow:0 12px 30px rgba(30,40,75,.07);display:flex;gap:16px;justify-content:space-between;padding:15px}.img-upscaler .compare-toggle{min-width:0}.img-upscaler .toggle-label{align-items:center;color:var(--up-muted);cursor:pointer;display:flex;gap:11px}.img-upscaler .toggle-label input{height:1px;opacity:0;position:absolute;width:1px}.img-upscaler .toggle-slider{background:#dce2eb;border-radius:999px;flex:0 0 46px;height:26px;position:relative;transition:background .2s,opacity .2s;width:46px}.img-upscaler .toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(31,42,68,.22);content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .22s;width:20px}.img-upscaler .toggle-label input:checked+.toggle-slider{background:var(--up-primary)}.img-upscaler .toggle-label input:checked+.toggle-slider:after{transform:translateX(20px)}.img-upscaler .toggle-label input:focus-visible+.toggle-slider{outline:3px solid rgba(109,93,252,.18);outline-offset:2px}.img-upscaler .toggle-label input:disabled+.toggle-slider{opacity:.5}.img-upscaler .toggle-label:has(input:disabled){cursor:not-allowed}.img-upscaler .toggle-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.img-upscaler .toggle-copy strong{color:var(--up-text);font-size:.78rem}.img-upscaler .toggle-copy small{color:var(--up-muted);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-upscaler .action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.img-upscaler .processing-overlay{align-items:center;backdrop-filter:blur(5px);background:rgba(18,19,32,.9);border-radius:inherit;color:#fff;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:absolute;z-index:10}.img-upscaler .spinner{animation:upscaler-spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.18);border-radius:50%;border-top-color:#9e92ff;height:44px;width:44px}.img-upscaler .processing-text{font-size:.86rem;font-weight:650}@keyframes upscaler-spin{to{transform:rotate(1turn)}}@media (max-width:800px){.img-upscaler{padding:0}.img-upscaler .upload-zone{min-height:420px;padding:46px 20px}.img-upscaler .preview-container{height:420px;padding:20px}.img-upscaler .compare-slider{inset:20px}.img-upscaler .controls-heading{align-items:flex-start;flex-direction:column;gap:5px}.img-upscaler .controls-heading__hint{max-width:none;text-align:left}.img-upscaler .image-info{grid-template-columns:1fr}.img-upscaler .result-toolbar{align-items:stretch;flex-direction:column}.img-upscaler .action-buttons{justify-content:stretch}.img-upscaler .action-buttons .btn{flex:1}}@media (max-width:560px){.img-upscaler{padding:0}.img-upscaler .upload-zone{border-radius:18px;min-height:340px;padding:24px 16px}.img-upscaler .upload-zone__icon{border-radius:22px;height:72px;margin:14px 0 12px;width:72px}.img-upscaler .upload-zone__icon svg{height:36px;width:36px}.img-upscaler .upload-zone__specs{flex-wrap:wrap}.img-upscaler .upload-zone__specs i{display:none}.img-upscaler .preview-header{align-items:flex-start;flex-direction:column}.img-upscaler .zoom-controls{align-self:stretch;justify-content:center}.img-upscaler .preview-container{height:340px;padding:14px}.img-upscaler .compare-slider{inset:14px}.img-upscaler .controls-section{padding:16px}.img-upscaler .scale-buttons{grid-template-columns:1fr}.img-upscaler .scale-btn{min-height:108px}.img-upscaler .action-buttons{flex-direction:column}.img-upscaler .action-buttons .btn{width:100%}}[data-theme=dark] .img-upscaler{--up-text:#f2f5fa;--up-muted:#9ba6b8;--up-border:#344054;--up-surface:#151d2c;--up-surface-soft:#1b2535}[data-theme=dark] .img-upscaler .upload-zone{background:radial-gradient(circle at 50% 20%,rgba(109,93,252,.15),transparent 32%),#151d2b;border-color:#3d4a5f}[data-theme=dark] .img-upscaler .upload-zone.drag-over,[data-theme=dark] .img-upscaler .upload-zone:focus-visible,[data-theme=dark] .img-upscaler .upload-zone:hover{background:radial-gradient(circle at 50% 20%,rgba(109,93,252,.2),transparent 35%),#182133;border-color:#8b7cff}[data-theme=dark] .img-upscaler .upload-zone__badge{background:rgba(109,93,252,.14);color:#c2bbff}[data-theme=dark] .img-upscaler .upload-zone .upload-error{background:#341f22;border-color:#74433f;color:#ffb4ad}[data-theme=dark] .img-upscaler .controls-section,[data-theme=dark] .img-upscaler .result-toolbar{background:#151d2c;box-shadow:none}[data-theme=dark] .img-upscaler .scale-btn.active{background:linear-gradient(145deg,#272441,#211f39)}[data-theme=dark] .img-upscaler .scale-label{color:#c3cad5}[data-theme=dark] .img-upscaler .info-item{background:#1a2433;border-color:#344054}[data-theme=dark] .img-upscaler .info-icon{background:#273244}[data-theme=dark] .img-upscaler .btn--secondary{background:#263244;color:#e2e8f0}[data-theme=dark] .img-upscaler .tool-status{background:#1a2433;border-color:#3c485c;color:#cbd5e1}[data-theme=dark] .img-upscaler .tool-status.is-success{background:#15372e;border-color:#286b56;color:#8de6c3}[data-theme=dark] .img-upscaler .tool-status.is-error{background:#341f22;border-color:#74433f;color:#ffb4ad}@media (prefers-reduced-motion:reduce){.img-upscaler *,.img-upscaler :after,.img-upscaler :before{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}