@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-mt-\[2px\]{margin-top:-2px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.max-h-\[88\%\]{max-height:88%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[88\%\]{max-width:88%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{-o-object-fit:contain;object-fit:contain}.px-\[20px\]{padding-inline:20px}.py-\[6px\]{padding-block:6px}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[15px\]{font-size:15px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.disabled\:opacity-60:disabled{opacity:.6}:root{--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--bg:#fff;--surface:#fff;--surface-2:#fbfdff;--card:#fff;--muted:#6b7280;--fg:#0f1724;--accent-from:#4f46e5;--accent-to:#ec4899;--select-text:var(--fg);--select-placeholder:#9ca3af}html[data-theme=dark]{--bg:#020617;--surface:#020617;--surface-2:#020617;--card:#020617;--muted:#9ca3af;--fg:#fffffff0;--accent-from:#6366f1;--accent-to:#ec4899;--select-text:#fffffff0;--select-placeholder:#9ca3af}html[data-theme=dark] .trust-note{color:#e2e8f0bf}html,body,#root{height:100%}body{min-height:100vh;font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px}.min-h-screen.app-bg{background:linear-gradient(180deg,var(--bg),var(--surface-2))}.app-wrap{max-width:1024px;margin:0 auto;padding:0 16px}@media(max-width:640px){.app-wrap{padding:10px}}.container-card{background:var(--card);border:1px solid #0f172a0a;border-radius:12px}html[data-theme=dark] .container-card{border-color:#94a3b82e}.soft-shadow{box-shadow:0 8px 24px #0f172a0d}html[data-theme=dark] .soft-shadow{box-shadow:0 8px 26px #000c}.frost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#fffffffa,#fffffff5)}html[data-theme=dark] .frost{background:linear-gradient(#0f172af5,#0f172afa)}.hero-headings{text-align:center;flex-direction:column-reverse;align-items:center;gap:.25rem;margin-bottom:.35rem;display:flex}.hero-subgroup{flex-direction:column;gap:.2rem;display:flex}.hero-section{width:100%}.page-h2{color:var(--fg);letter-spacing:-.01em;margin-top:0;margin-bottom:4px;font-size:1.6rem;font-weight:700;line-height:1.4}.page-h1{color:var(--muted);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600;line-height:1.25}@media(max-width:640px){.hero-headings{gap:.15rem;margin-bottom:.6rem}.page-h2{font-size:1.25rem}.page-h1{font-size:.98rem}}.trust-note{color:#4b5563;max-width:640px;margin-top:.2rem;margin-bottom:.4rem;font-size:.95rem;line-height:1.4}.small-muted,.kv{color:var(--muted);font-size:.92rem;line-height:1.4}.kv{font-size:.92rem}.btn{border-radius:10px;font-weight:600;transition:transform .12s,box-shadow .12s}.btn:active{transform:scale(.99)}.btn:focus{outline:none;box-shadow:0 0 0 6px #4f46e512}.primary-btn{color:#111827;background:radial-gradient(circle at 0 0,#f9f5ff 0,#e0e7ff 28%,#c7d2fe 55%,#a5b4fc);border:1px solid #4f46e52e;border-radius:999px;padding:.5rem .9rem;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;box-shadow:0 4px 14px #4f46e529}.primary-btn:hover{border-color:#4f46e559;transform:translateY(-1px);box-shadow:0 10px 26px #4f46e53d}.primary-btn:active{transform:translateY(0);box-shadow:0 6px 16px #4f46e533}html[data-theme=dark] .primary-btn{color:#e5e7eb;background:radial-gradient(circle at 0 0,#111827 0,#020617 70%);border-color:#818cf880;box-shadow:0 8px 24px #000000d9}.primary-upload-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:#0b66d1;border:none;border-radius:999px;padding:.9rem 2.5rem;font-size:1.02rem;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.select-image-btn{margin-bottom:.75rem}.target-row{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.target-block{margin-bottom:12px}.primary-upload-btn{box-shadow:0 4px 12px #0b66d147}.primary-upload-btn:hover{box-shadow:0 6px 16px #0b66d159}.primary-upload-btn:active{box-shadow:0 3px 10px #0b66d140}html[data-theme=dark] .primary-upload-btn{box-shadow:0 8px 22px #000000bf}.compress-btn-main{padding:.6rem 1.6rem;font-size:.95rem}.chip{color:#0f1724;background:linear-gradient(#eef2ff,#f5f7ff);border:1px solid #0f172a08;border-radius:999px;padding:.28rem .6rem;font-size:.78rem;font-weight:600}html[data-theme=dark] .chip{color:#e5e7eb;background:linear-gradient(#111827,#020617);border-color:#94a3b840}.preview-wrap{background:var(--surface-2);border:1px solid #0f172a0a;border-radius:10px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}@media(min-width:768px){.preview-wrap{width:128px;height:128px}}.card-heading{color:var(--fg);letter-spacing:.2px;margin-bottom:10px;font-size:.95rem;font-weight:600}.result-thumb{aspect-ratio:1;background:var(--surface);border:1px solid #0f172a0a;border-radius:8px;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}@media(min-width:768px){.result-thumb{flex:0 0 96px;width:96px;height:96px}}.result-thumb--clickable{cursor:pointer;transition:box-shadow .12s,transform 80ms,border-color .12s}.result-thumb--clickable:hover{border-color:#2563eb73;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a29}.result-thumb--clickable:disabled,.result-thumb--clickable[disabled]{cursor:default;box-shadow:none;transform:none}.result-empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.result-empty-icon{color:#2563eb;opacity:.6}.result-empty-text{max-width:360px;color:var(--muted);font-size:.9rem;line-height:1.5}.progress-track{background:#0f172a14;border-radius:999px;height:15px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0b66d1,#2563eb);border-radius:999px;height:15px;transition:width .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #0b66d159}html[data-theme=dark] .progress-fill{box-shadow:0 0 16px #2563eb80}.progress-note{color:var(--muted);white-space:normal;word-break:break-word;max-height:2.6em;margin:0;padding:0;font-size:12px;line-height:1.3;overflow:hidden}.progress-track,.controls-pad svg{display:block}@media(min-width:640px){.progress-note{white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;overflow:hidden}}.control-label{color:var(--muted);letter-spacing:.15px;margin-top:12px;margin-bottom:6px;font-size:.97rem;font-weight:700;display:block}.uploader-shell{background:var(--card);border:1px solid #94a3b840;border-radius:12px;padding:18px}html[data-theme=dark] .uploader-shell{border-color:#1f2937e6}.uploader{background:#f9fafb;border:2px dashed #cbd5e1d9;border-radius:10px;flex-direction:column;align-items:center;gap:14px;min-height:262px;padding:28px 20px 22px;transition:background .15s,border-color .15s;display:flex}.uploader:hover{background:#f3f4ff;border-color:#0b66d1}html[data-theme=dark] .uploader{background:#020617;border-color:#1f2937}html[data-theme=dark] .uploader:hover{border-color:#2563eb}.uploader .small-muted{min-height:2.6em}@media(max-width:640px){.uploader{padding-bottom:18px}}.fancy-select{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid #0f172a0f;border-radius:10px;width:100%;max-width:320px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -1px #0f172a05}.fancy-select--strong{border-color:#0f172a1f;box-shadow:0 6px 20px #0f172a0f}.fancy-select--strong:hover{box-shadow:0 10px 28px #0f172a1a}html[data-theme=dark] .fancy-select{box-shadow:none;border-color:#94a3b847}.fancy-select__native{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:var(--select-text);cursor:pointer;caret-color:var(--select-text);background:0 0;border:none;padding:.6rem 2.6rem .6rem .9rem;font-size:.95rem;font-weight:500;line-height:1.25;transition:box-shadow .12s;-webkit-text-fill-color:var(--select-text)!important}.fancy-select__native:focus{border-radius:10px;outline:none;box-shadow:0 0 0 6px #4f46e50f}.fancy-select__native:disabled,.fancy-select__native[aria-disabled=true]{color:var(--select-placeholder)!important;-webkit-text-fill-color:var(--select-placeholder)!important}.fancy-select__native option{color:var(--fg);font-size:.95rem;font-weight:500;line-height:1.4}html[data-theme=dark] .fancy-select__native option{background-color:#020617}.fancy-select__arrow{pointer-events:none;color:var(--select-text);opacity:.9;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media(max-width:640px){.fancy-select{max-width:100%}}@supports (-webkit-appearance:none){.fancy-select__native{padding-right:2.6rem}.fancy-select__native::-webkit-text-fill-color{color:var(--select-text)}}.info-section{margin-top:24px}.info-card{background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--fg);border:none;border-radius:12px;padding:18px;transition:transform .12s,box-shadow .12s;box-shadow:0 10px 30px #0e14280a}.info-card .small-muted{color:var(--muted)}.info-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0e14280f}html[data-theme=dark] .info-card{box-shadow:0 16px 40px #000c}a.btn{align-items:center;gap:.45rem;display:inline-flex;color:inherit!important;text-decoration:none!important}a.btn:visited,a.btn:active,a.btn:focus{color:inherit!important;text-decoration:none!important}a[aria-disabled=true]{pointer-events:none;opacity:.6}a.btn.bg-indigo-600{box-shadow:0 2px 6px #2563eb33}.result-header{flex-direction:row;align-items:flex-start;gap:16px;display:flex}@media(min-width:768px){.result-header{flex-direction:row;align-items:flex-start;gap:16px}}.result-header .flex-1{flex-direction:column;gap:4px;display:flex}@media(max-width:640px){.result-header{overflow-x:hidden}}.result-header .small-muted{line-height:.9}@media(max-width:360px){.result-header .secondary-pill--icon{right:-26px}}.result-header .flex-1>div:first-child span{max-width:160px;display:block}@media(min-width:768px){.result-header .flex-1>div:first-child span{max-width:160px}}.result-meta .text-sm{line-height:1.3}.result-card .chip{margin-right:.35rem}.result-thumb img,.preview-wrap img{-o-object-fit:contain;object-fit:contain;display:block}@media(max-width:640px){.result-actions .btn,.result-actions .open-link{padding:.45rem .8rem}}.result-meta{border-bottom:1px solid #0f172a08;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:8px;padding-bottom:6px;display:flex}.open-link{color:var(--muted);opacity:.85;background:0 0;border:1px solid #94a3b899;border-radius:999px;padding:.45rem .9rem;font-size:.7rem;font-weight:500;transition:all .12s}.open-link:hover:enabled{opacity:1;color:var(--fg);box-shadow:none;border-color:#0f172a59;transform:none}footer{background:0 0;border-top:1px solid #e5e7eb;margin-top:40px;padding:26px 0 30px}html[data-theme=dark] footer{background:#020617;border-top-color:#111827}.footer-inner{text-align:center;max-width:1024px;margin:0 auto;padding:0 16px}.brand-text{color:var(--fg);letter-spacing:.2px;margin-bottom:10px;font-size:.95rem;font-weight:600;line-height:1.4}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;font-size:.86rem;display:flex}.footer-links a{color:#0b66d1;font-weight:500;text-decoration:none}.footer-links a:hover{text-underline-offset:2px;text-decoration:underline}html[data-theme=dark] .footer-links a{color:#60a5fa}.footer-links .touch-link{align-items:center;padding:8px 6px;line-height:1.2;display:inline-flex}@media(max-width:640px){.footer-links{flex-direction:column;row-gap:6px}.footer-links .touch-link{padding:6px 0}}html{scroll-behavior:smooth}#about{margin-top:6px;padding:8px 0 12px;scroll-margin-top:80px}@media(max-width:640px){#about{padding:8px 0 10px}}#about .container-card{background:var(--card);box-shadow:none;border:1px solid #0f172a0a;margin-top:4px;padding:12px 20px}#about .small-muted{margin-top:4px;margin-bottom:8px}#about ul{margin-top:.4rem;margin-bottom:.6rem;margin-left:1rem;padding-left:1.2rem}#about li{margin-bottom:.35rem}.result-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.result-actions .btn,.result-actions button,.result-actions a{flex:none;align-items:center;display:inline-flex}.result-actions button{margin-top:0}.result-actions .btn{justify-content:center;min-width:auto;padding:.3rem .6rem}.result-actions .open-link{border-radius:8px;justify-content:center;align-items:center;min-width:auto;padding:.3rem .6rem;display:inline-flex}@media(min-width:768px){.result-actions{gap:.75rem}}.quick-help-card{margin-top:20px;padding:16px;font-size:.9rem}.quick-help-card .text-sm.font-medium{margin-bottom:8px}@media(max-width:640px){.quick-help-card{margin-top:18px;padding:14px}}.quick-help-title{color:var(--fg);margin-bottom:6px;font-size:.95rem;font-weight:600}.header-wrap{background:linear-gradient(135deg,var(--card)0%,var(--surface)100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid #0f172a14;margin:0 0 16px;padding:12px 16px;box-shadow:0 2px 8px #0f172a0a}html[data-theme=dark] .header-wrap{background:linear-gradient(135deg,#0f172a99,#0f172a66);border-bottom-color:#94a3b81a;box-shadow:0 2px 12px #0003}@media(max-width:640px){.header-wrap{margin-bottom:10px;padding-bottom:10px}}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-left{flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}.header-right{flex:none;align-items:center;gap:10px;display:flex}@media(max-width:420px){.header-wrap{padding-left:10px;padding-right:10px}.header-inner{gap:8px}.header-left img{width:36px;height:36px}.theme-toggle-btn{width:30px;height:30px}}.theme-toggle-btn{background:linear-gradient(135deg,var(--surface-2)0%,var(--surface)100%);cursor:pointer;border:1px solid #94a3b84d;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,box-shadow .2s,transform .1s,border-color .2s;display:flex;box-shadow:0 4px 12px #0f172a14}.theme-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #0f172a1a}.theme-toggle-btn:active{transform:translateY(0);box-shadow:0 6px 16px #0f172a14}.theme-toggle-icon{font-size:.9rem}html[data-theme=dark] .theme-toggle-btn{border-color:#94a3b880;box-shadow:0 6px 18px #000c}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#94a3b859;border-radius:999px;outline:none;width:100%;height:4px}html[data-theme=dark] input[type=range]{background:#94a3b873}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:50%;width:14px;height:14px;-webkit-transition:transform .12s,box-shadow .12s;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 3px #2563eb26}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 5px #2563eb2e}input[type=range]::-moz-range-track{background:#94a3b859;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:50%;width:14px;height:14px;-moz-transition:transform .12s,box-shadow .12s;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 3px #2563eb26}input[type=range]:active::-moz-range-thumb{transform:scale(1.12);box-shadow:0 0 0 5px #2563eb2e}.section-h2{color:var(--fg);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}#faq-heading{margin-top:6px;margin-bottom:.35rem;padding-left:20px;font-weight:700}#about-heading{margin-top:0;margin-bottom:.35rem;padding-left:20px;font-weight:700}@media(max-width:640px){.section-h2{font-size:1.1rem}#faq-heading,#about-heading{padding-left:14px}}.faq-card{border-radius:12px;margin-top:3px;margin-bottom:0;padding:12px 0}.faq-item{align-items:flex-start;gap:14px;padding:12px 20px;display:flex}.faq-item+.faq-item{border-top:1px solid #0f172a0a}.faq-stripe{border-radius:999px;align-self:stretch;width:3px}.faq-item--blue .faq-stripe{background:#2563eb}.faq-item--green .faq-stripe{background:#10b981}.faq-item--purple .faq-stripe{background:#a855f7}.faq-item--orange .faq-stripe{background:#f97316}.faq-item--neutral .faq-stripe{background:linear-gradient(#64748be6,#64748b99)}.faq-content{flex-direction:column;flex:1;gap:4px;display:flex}.faq-q{color:var(--fg);margin:0;font-size:.96rem;font-weight:600}.faq-a{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}@media(max-width:640px){.faq-item{gap:10px;padding:10px 14px}}.target-input{border:1px solid #94a3b8b3;border-radius:8px;outline:none;height:2rem}.target-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb59}.target-input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:stretch;width:100%;max-width:360px;height:35px;display:flex;overflow:hidden}.target-input-field{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:14px;line-height:35px}.target-input-field::-moz-placeholder{color:#9ca3af}.target-input-field::placeholder{color:#9ca3af}.target-input-suffix{color:#6b7280;white-space:nowrap;background:#f8fafc;border-left:1px solid #e5e7eb;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;font-weight:500;line-height:1;display:flex}.target-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.chip-action{background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--muted);cursor:pointer;border:1px solid #94a3b899;border-radius:999px;justify-content:center;align-items:center;padding:.18rem .7rem;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s,transform 80ms,box-shadow .1s,color .12s;display:inline-flex}.chip-action-primary{color:#111827;border-color:#2563eb80}.chip-action-primary:hover{background:#e0edff;border-color:#2563ebcc;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.chip-action-ghost:hover{background:#94a3b80f;border-color:#94a3b8cc}.uploader-download-pill,.uploader-reset-pill{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.22rem .85rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms,color .14s;display:inline-flex}.uploader-download-pill{color:#f9fafb;background:#2563eb;border-color:#2563ebe6;margin-right:2px;box-shadow:0 4px 10px #2563eb59}.uploader-download-pill:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 7px 16px #2563eb73}.uploader-reset-pill{color:#4b5563;background:linear-gradient(#fff,#f3f4f6);border-color:#94a3b8b3;box-shadow:0 3px 8px #0f172a0f}.uploader-reset-pill:hover{background:#f9fafb;border-color:#94a3b8e6;transform:translateY(-1px)}.logo-img{-o-object-fit:contain;object-fit:contain;width:34px;height:34px}@media(min-width:640px){.logo-img{width:38px;height:38px}}.compressly-title{color:#0f172a;letter-spacing:-.015em;font-size:16.5px;font-weight:700}@media(min-width:640px){.compressly-title{font-size:18px}}html[data-theme=dark] .compressly-title{color:#e5e7eb}.result-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:10px;display:flex}@media(min-width:641px){.result-actions{justify-content:flex-start}}@media(max-width:640px){.result-actions{padding-left:0;padding-right:0}.result-actions a,.result-actions button{white-space:nowrap;width:auto;padding:.32rem .6rem;font-size:.75rem}}.open-link{opacity:.8;font-size:.75rem}.control-max{max-width:860px}.range-wrap{max-width:460px}@media(min-width:768px){.range-wrap{max-width:420px}}.controls-pad{flex-direction:column;justify-content:center;height:35px;display:flex}.progress-track{margin-top:0}.result-card{box-sizing:border-box;border-top:1px solid #94a3b82e;margin-top:14px;padding:16px}.result-card .page-h2{margin-bottom:6px}.result-card .small-muted.text-center{padding:18px 12px}.result-preview-frame{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid #94a3b859;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff9,0 6px 18px #0f172a14}.result-preview-img{-o-object-fit:contain;object-fit:contain;max-width:88%;max-height:88%;display:block}html[data-theme=dark] .result-preview-frame{background:linear-gradient(#020617,#020617);border-color:#94a3b840;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #000000d9}.image-preview-frame{background:linear-gradient(180deg,var(--surface),var(--surface-2));pointer-events:auto;cursor:zoom-in;border:1px solid #94a3b840;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff6,0 3px 10px #0f172a0f}.image-preview-frame img{pointer-events:auto;-o-object-fit:contain;object-fit:contain;border-radius:4px;max-width:94%;max-height:94%}html[data-theme=dark] .image-preview-frame{background:linear-gradient(#020617,#020617);border-color:#94a3b840;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #000000d9}.comparison-heading{color:var(--fg);letter-spacing:.2px;margin-top:12px;margin-bottom:10px;font-size:13px;font-weight:600}.comparison-wrap{border-top:1px solid #94a3b82e;margin-top:14px;padding-top:12px}.comparison-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.comparison-item{cursor:zoom-in;flex-direction:column;align-items:center;display:flex}.comparison-frame{aspect-ratio:1;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid #94a3b840;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a0f}.comparison-frame img{-o-object-fit:contain;object-fit:contain;border-radius:12px;max-width:94%;max-height:94%;display:block}.comparison-size{color:var(--muted);margin-top:6px;font-size:12px}@media(max-width:640px){.comparison-grid{grid-template-columns:1fr;row-gap:18px}}.comparison-title{color:var(--fg);margin-bottom:6px;font-size:.9rem;font-weight:600}html[data-theme=dark] .comparison-frame{background:linear-gradient(#020617,#020617);border-color:#94a3b840;box-shadow:0 6px 20px #000000d9}.comparison-badge{color:#0f172a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0f172a26}.comparison-badge--after{color:#1d4ed8;background:#2563eb1f}.comparison-frame{position:relative}html[data-theme=dark] .comparison-badge{color:#e5e7eb;background:#020617b3}html[data-theme=dark] .comparison-badge--after{color:#bfdbfe;background:#2563eb59}.upload-preview-frame{width:88px;height:88px;margin-right:4px}.image-preview-frame+.text-xs.small-muted{margin-left:2px}a.download-btn{text-decoration:none!important}.download-btn{color:#fff;cursor:pointer;background-color:#2563eb;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 3px 10px #2563eb4d}@media(max-width:640px){.download-btn{box-shadow:0 2px 6px #2563eb40}}.download-btn:hover{background-color:#1e4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb61}.download-btn:active{transform:translateY(0);box-shadow:0 3px 8px #2563eb47}.download-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb99}@media(prefers-reduced-motion:reduce){.download-btn{transition:none}}.secondary-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;min-height:unset;min-width:unset;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #94a3b880;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:inline-flex}.secondary-pill:hover{color:var(--fg);background:#94a3b814;border-color:#94a3b8b3;transform:translateY(-1px)}.secondary-pill:active{transform:translateY(0)}.secondary-pill:focus{outline:none;box-shadow:0 0 0 3px #4f46e50f}html[data-theme=dark] .secondary-pill{border-color:#94a3b84d}html[data-theme=dark] .secondary-pill:hover{background:#94a3b81f;border-color:#94a3b880}.secondary-pill--icon{box-sizing:border-box;vertical-align:middle;background:#fff0;border:1px solid #94a3b81f;border-radius:6px;justify-content:center;align-self:center;align-items:center;width:auto;height:auto;padding:6px;line-height:0;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex;transform:none}.secondary-pill--icon svg{width:15px;height:15px}.secondary-pill--icon:hover,.secondary-pill--icon:active{background:#94a3b80f;border-color:#94a3b847;transform:none}.secondary-pill--icon:focus{border-color:#4f46e547;outline:none;box-shadow:0 0 0 2px #4f46e50f}@media(max-width:640px){.secondary-pill--icon{border:1px solid #94a3b829;border-radius:8px;width:30px;height:30px;padding:4px}}.rename-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;vertical-align:middle;background:0 0;border:1px solid #94a3b840;border-radius:8px;height:32px;padding:6px 8px;line-height:1;transition:box-shadow .12s,border-color .12s;display:inline-block}.rename-input:focus{border-color:#4f46e599;outline:none;box-shadow:0 0 0 4px #4f46e50f}html[data-theme=dark] .rename-input{color:#e5e7eb;background:#0f172a99;border-color:#94a3b859}html[data-theme=dark] .rename-input::-moz-placeholder{color:#e2e8f080}html[data-theme=dark] .rename-input::placeholder{color:#e2e8f080}.result-ready-scroll-cue{width:auto;max-width:none;color:var(--fg);background:linear-gradient(135deg,#2563eb0d,#2563eb04);border:1px solid #2563eb24;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.3;display:inline-flex;box-shadow:0 1px 4px #0f172a0a}.result-ready-scroll-icon{color:#2563eb;font-size:12px;line-height:1}.result-ready-scroll-text{color:var(--fg);letter-spacing:.2px}html[data-theme=dark] .result-ready-scroll-cue{background:linear-gradient(135deg,#2563eb1f,#2563eb0d);border-color:#60a5fa4d}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}html[data-theme=dark] .result-ready-badge{color:#86efac;background:linear-gradient(135deg,#22c55e1f,#22c55e0f);border-color:#22c55e59}html[data-theme=dark] .result-ready-dot{background:#4ade80}@keyframes scrollCueNudge{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1;transform:translateY(0)}70%{transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.scroll-cue-animate{animation:1.2s ease-out scrollCueNudge}@media(prefers-reduced-motion:reduce){.scroll-cue-animate{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}