@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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.-mt-\[2px\]{margin-top:-2px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.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{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.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}.italic{font-style:italic}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.disabled\:opacity-60:disabled{opacity:.6}:root{--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--bg:#f5f7fb;--surface:#f7f9fc;--surface-2:#eef2f7;--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;font-weight:400}.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:600;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;letter-spacing:-.005em;max-width:640px;margin-top:.2rem;margin-bottom:.4rem;font-size:.9rem;font-weight:400;line-height:1.4}.small-muted,.kv{color:var(--muted);font-size:.92rem;font-weight:400;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;white-space:nowrap;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;height:42px;padding:.85rem 2.2rem;font-size:15px;font-weight:500;line-height:1;transition:background-color .12s;box-shadow:0 1px 3px #00000040}.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 1px 3px #00000040}.primary-upload-btn:hover{background-color:#1d4ed8}.primary-upload-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 1px 2px #00000026}html[data-theme=dark] .primary-upload-btn{background-color:#1d4ed8;box-shadow:0 1px 3px #000000b3}html[data-theme=dark] .primary-upload-btn:hover{background-color:#2563eb}.compress-btn-main{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;height:35px;padding:.6rem 1.6rem;font-size:.95rem;line-height:1;display:inline-flex}.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:0 0;border:2px dashed #cbd5e1d9;border-radius:10px;flex-direction:column;align-items:center;gap:14px;min-height:262px;padding:28px 20px 22px;transition:border-color .15s,background-color .15s;display:flex}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}}.uploader h3{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--fg);font-weight:500}.uploader .small-muted,.uploader .trust-note{font-family:var(--font-sans);letter-spacing:0;color:var(--muted);font-weight:400}.uploader.drag-active{background:#2563eb0a;border-color:#2563eb}html[data-theme=dark] .uploader.drag-active{background:#2563eb1a;border-color:#2563eb}.fancy-select{background:0 0;border:1px solid #0f172a1f;border-radius:10px;width:100%;max-width:320px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -1px #0f172a05}.fancy-select--strong{box-shadow:none;border-color:#0f172a29}.fancy-select--strong:hover{box-shadow:none;border-color:#0f172a47}html[data-theme=dark] .fancy-select--strong{border-color:#94a3b859}html[data-theme=dark] .fancy-select--strong:hover{background:#94a3b80f;border-color:#94a3b88c}html[data-theme=dark] .fancy-select{background:0 0;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);letter-spacing:-.005em;font-size:.95rem;font-weight:500;line-height:1.25;font-family:var(--font-sans);background:0 0;border:none;padding:.6rem 2.6rem .6rem .9rem;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;font-family:var(--font-sans)}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:2px;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:var(--card);-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;width:36px;height:36px;box-shadow:none;background:radial-gradient(circle at 0 0,#ffffffe6,#f3f4f6e6);border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,box-shadow .2s,transform .1s,border-color .2s;display:flex}.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{box-shadow:none;background:#0f172ae6;border-color:#94a3b84d}html[data-theme=dark] .theme-toggle-btn:hover{background:#1e293b}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 #0f172a38;border-radius:8px;align-items:stretch;width:100%;max-width:360px;height:35px;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.target-input-field{font-family:var(--font-sans);color:var(--fg);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:14px;font-weight:500}.target-input-field::-moz-placeholder{color:#9ca3af}.target-input-field::placeholder{color:#9ca3af}.target-input-suffix{color:#374151;white-space:nowrap;background:#f1f5f9;border-left:1px solid #0f172a1f;flex-shrink:0;justify-content:center;align-items:center;min-width:auto;padding:0 10px;font-size:13.5px;font-weight:600;display:flex}@media(max-width:640px){.target-input-suffix{color:#1f2937;background:#e5e7eb;padding:0 8px;font-size:13px}}.target-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}html[data-theme=dark] .target-input-wrap{background:#020617;border-color:#94a3b873}html[data-theme=dark] .target-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}html[data-theme=dark] .target-input-suffix{color:#e5e7eb;background:#0f172ad9;border-left-color:#94a3b859}.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{background:0 0;max-width:860px}.range-wrap{background:0 0;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;min-height:480px;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}.result-download-row{align-items:center;margin-top:6px;line-height:1;display:flex}.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{opacity:0;will-change:opacity,transform;border-top:1px solid #94a3b82e;margin-top:14px;padding-top:12px;transition:opacity .35s,transform .35s;transform:translateY(10px)}.comparison-visible{opacity:1;transform:translateY(0)}.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:#2563eb;border:1px solid #2563eb59;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 14px;font-size:13.5px;font-weight:500;line-height:1;transition:background-color .12s,border-color .12s;display:inline-flex}@media(max-width:640px){.download-btn{padding:0 12px;font-size:13px;box-shadow:0 2px 6px #2563eb40}}.download-btn:hover{background-color:#1d4ed8;border-color:#2563eb8c}.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}}html[data-theme=dark] .download-btn{background-color:#1d4ed8;border-color:#6366f173}html[data-theme=dark] .download-btn:hover{background-color:#2563eb}.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}@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}.image-preview-frame,.result-preview-frame,.comparison-frame{box-shadow:none;background:0 0;border:1px solid #94a3b840}html[data-theme=dark] .image-preview-frame,html[data-theme=dark] .result-preview-frame,html[data-theme=dark] .comparison-frame{border-color:#94a3b84d}input[type=range]{touch-action:pan-y;-webkit-tap-highlight-color:transparent}input[type=range]::-webkit-slider-runnable-track{padding-top:8px;padding-bottom:8px}input[type=range]::-moz-range-track{padding-top:8px;padding-bottom:8px}input[type=range]::-webkit-slider-thumb{will-change:transform;-webkit-transition:transform 80ms;transition:transform 80ms}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.05)}input[type=range]::-moz-range-thumb{will-change:transform;-moz-transition:transform 80ms;transition:transform 80ms}input[type=range]:active::-moz-range-thumb{transform:scale(1.05)}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
