:root{--bg:#f5f6fb;--bg-raise:#fff;--header:#fff;--ink:#1c1e2a;--muted:#4e5568;--line:#e3e6f0;--accent:#4338ca;--accent-2:#4f46e5;--on-accent:#fff;--hot:#eef0ff;--save:#e7f8ef;--save-ink:#086343;--up:#fff4e5;--up-ink:#8a4b08;--shadow:0 16px 40px #1c1e2a12;--radius:20px;--sans:"Avenir Next", "Segoe UI", "Hiragino Sans", "Noto Sans CJK JP", "PingFang SC", "Noto Sans SC", "Malgun Gothic", "Noto Sans Arabic", "Noto Sans Devanagari", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#0f1118;--bg-raise:#191c28;--header:#12141d;--ink:#f3f4f8;--muted:#c5cad8;--line:#2c3144;--accent:#a5b4fc;--accent-2:#818cf8;--on-accent:#1e1b4b;--hot:#2a2d4a;--save:#143528;--save-ink:#b6ffe0;--up:#3a2c16;--up-ink:#ffd7a8;--shadow:0 16px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);overflow-wrap:break-word;background:radial-gradient(820px 320px at 100% -18%, #4f46e517, transparent 58%), var(--bg);margin:0;font-size:1rem;line-height:1.5}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--sans);letter-spacing:-.03em;font-weight:720;line-height:1.15}h1{margin:0 0 .4rem;font-size:1.75rem}h2{margin:0 0 .7rem;font-size:1.35rem}h3{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.02rem}p{margin:0 0 .85rem}a{color:var(--accent)}a:hover{color:var(--accent-2)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.skip{inset-inline-start:.75rem;background:var(--ink);color:var(--bg);z-index:60;border-radius:999px;padding:.7rem 1rem;position:absolute;top:.75rem;transform:translateY(-160%)}.skip:focus{transform:none}.wrap{width:min(1120px,100% - 1.5rem);margin-inline:auto}.site-header{z-index:40;background:var(--header);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.bar{flex-wrap:nowrap;align-items:center;gap:.65rem;min-height:56px;padding:.35rem 0;display:flex}.brand{min-width:0;color:inherit;letter-spacing:-.03em;align-items:center;gap:.55rem;font-weight:760;text-decoration:none;display:flex}.brand img{border-radius:10px;width:36px;height:36px}.brand span{white-space:nowrap;font-size:1.02rem}.bar-tools{flex:none;align-items:center;gap:.4rem;margin-inline-start:auto;display:flex}.tool-bar{padding:0 0 .55rem}.nav-tools{scrollbar-width:thin;flex-wrap:nowrap;gap:.35rem;display:flex;overflow-x:auto}.nav-tools a{white-space:nowrap;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;min-height:36px;padding:.28rem .75rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-tools a[aria-current=page]{background:var(--accent);color:var(--on-accent);border-color:#0000}.theme-btn{min-width:4.6rem}.theme-btn,.lang-pick summary{font:inherit;border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;padding:.3rem .8rem}.lang-pick{position:relative}.lang-pick summary{list-style:none}.lang-pick summary::-webkit-details-marker{display:none}.lang-pick .langs{inset-inline-end:0;background:var(--header);border:1px solid var(--line);width:min(16rem,100vw - 1.5rem);max-height:16rem;box-shadow:var(--shadow);z-index:50;border-radius:16px;gap:.15rem;margin:0;padding:.45rem;display:grid;position:absolute;top:calc(100% + .4rem);overflow:auto}.lang-pick .langs a{color:var(--ink);border-radius:10px;padding:.45rem .6rem;text-decoration:none}.lang-pick .langs a[aria-current=true]{background:var(--hot)}main{padding:.7rem 0 3rem}.hero{max-width:46rem;margin-bottom:.7rem}.hero h1{font-size:1.75rem}.hero-doc{margin-bottom:.4rem}.answer{color:var(--muted);max-width:42rem;font-size:1.02rem;line-height:1.45}.hero:not(.hero-doc) .answer{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.badges{flex-wrap:wrap;gap:.4rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.badges li{border:1px solid var(--line);background:var(--bg-raise);border-radius:999px;padding:.22rem .65rem;font-size:.82rem;font-weight:680}.workspace{align-items:start;gap:.85rem;display:grid}.stage,.controls{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stage{min-width:0;padding:.85rem}.controls{gap:.65rem;min-width:0;padding:.9rem;display:grid}.stage h2{letter-spacing:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .45rem;font-size:.85rem;font-weight:650;overflow:hidden}.drop{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--hot);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:196px;padding:1.1rem 1rem;display:flex;position:relative}.has-files .drop{min-height:0;padding:.7rem .9rem}.drop.is-hot{outline:2px solid var(--accent)}.drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop strong{letter-spacing:-.03em;margin-bottom:.2rem;font-size:1.35rem;display:block}.has-files .drop strong{font-size:1rem}.drop-hint{color:var(--muted);max-width:34rem;font-size:.95rem}.drop-icon{background:var(--bg-raise);width:48px;height:48px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;margin:0 auto .55rem;display:grid}.drop-icon svg{width:26px;height:26px}.drop-cta{pointer-events:none;margin-top:.8rem}.has-files .drop-icon,.has-files .drop-cta{display:none}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.presets button{border:1px solid var(--line);background:var(--bg);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:.3rem .25rem;font-size:.82rem;font-weight:720}.presets button[aria-pressed=true]{background:var(--hot);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.field{gap:.28rem;min-width:0;font-size:.92rem;font-weight:680;display:grid}.quality-row{align-items:center;gap:.6rem;display:flex}.quality-row output{font-variant-numeric:tabular-nums;min-width:2.2rem;font-size:1.05rem}input,select,button,.btn{font:inherit;border-radius:12px;max-width:100%;min-height:44px}input[type=range]{width:100%;min-width:0;accent-color:var(--accent);padding:.45rem 0}input[type=number],select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--ink);padding:.4rem .65rem}.custom-field{display:none}.custom-field.is-on{display:grid}.pair{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.actions{gap:.45rem;display:grid}.btn,button.btn{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--on-accent);cursor:pointer;border:0;justify-content:center;align-items:center;padding:.55rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.actions .btn[type=submit]{width:100%;min-height:48px}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.action-row .btn{text-align:center;padding-inline:.3rem;font-size:.82rem;line-height:1.15}.btn-quiet{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.btn-small{min-height:42px}.file-more{position:relative;overflow:hidden}.file-more input{opacity:0;cursor:pointer;position:absolute;inset:0}.note,#status{color:var(--muted);font-size:.88rem}.controls .note{margin:0}#status{min-height:1.3rem;margin:.45rem 0 0;font-weight:680}.results{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.card{background:var(--bg);border:1px solid var(--line);border-radius:16px;min-width:0;max-width:100%;padding:.7rem}.thumb{aspect-ratio:16/10;background:color-mix(in srgb, var(--ink) 5%, var(--bg));border-radius:12px;max-height:min(38vh,340px);overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.card.is-done .thumb{display:none}.card-main{min-width:0;padding-top:.55rem}.card:not(.is-done) .card-main{padding-top:.55rem}.result-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0 0 .35rem;font-weight:720;overflow:hidden}.result-meta{font-variant-numeric:tabular-nums;gap:.28rem;margin:0 0 .55rem;display:grid}.stats-row{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.saved-line{color:var(--save-ink);font-weight:750}.badge{border-radius:999px;padding:.12rem .55rem;font-size:.82rem;font-weight:750}.badge-save{background:var(--save);color:var(--save-ink)}.badge-up{background:var(--up);color:var(--up-ink)}.miss{color:var(--muted);font-size:.82rem}.meter{background:var(--line);border-radius:99px;height:6px;margin:0 0 .55rem;overflow:hidden}.meter span{background:var(--accent);width:35%;height:100%;display:block}.meter.is-busy span{width:40%;animation:1s ease-in-out infinite meter}.compare{direction:ltr;min-width:0;margin:0 0 .6rem}.compare-frame{aspect-ratio:16/10;background:color-mix(in srgb, var(--ink) 6%, var(--bg));cursor:ew-resize;touch-action:none;border-radius:12px;width:100%;max-height:min(38vh,340px);position:relative;overflow:hidden}.compare-frame img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.compare-handle{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0f111873}.compare-handle:after{content:"";background:#fff;border:2px solid #4338ca;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0f111847}.compare input[type=range]{width:100%;margin:.45rem 0 0}.result-actions{gap:.45rem;margin:0;display:flex}.result-actions .btn{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.prose{margin-top:2.2rem}.prose section{margin:1.8rem 0}.steps,.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.steps li,.feature,.faq-list details,.prose table{background:var(--bg-raise);border:1px solid var(--line);border-radius:18px}.steps li,.feature{padding:1rem 1rem .4rem}.faq-list{gap:.55rem;display:grid}.faq-list details{padding:.2rem .9rem}.faq-list summary{cursor:pointer;align-items:center;min-height:48px;font-weight:720;display:flex}.faq-list details p{color:var(--muted)}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border:1px solid var(--line);text-align:start;overflow-wrap:anywhere;padding:.55rem .7rem}th{background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.crumbs{color:var(--muted);margin:0 0 .55rem;font-size:.92rem}.crumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.crumbs li:not(:last-child):after{content:"/";margin-inline-start:.35rem}.site-footer{border-top:1px solid var(--line);margin-top:1rem;padding:1.4rem 0 4.5rem}.footer-nav,.site-footer .langs{flex-wrap:wrap;gap:.45rem .9rem;display:flex}.footer-nav a,.site-footer .langs a{color:var(--ink);align-items:center;min-height:44px;padding:.35rem 0;text-decoration:none;display:inline-flex}.site-footer .langs{margin-top:.6rem}.lang-tip{inset-inline:1rem;background:var(--ink);color:var(--bg);z-index:30;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.8rem;max-width:min(40rem,100vw - 2rem);padding:.8rem 1rem;display:flex;position:fixed;bottom:1rem}.lang-tip a,.lang-tip button{color:var(--bg);background:0 0;border:1px solid}.lang-tip[hidden]{display:none}.toast{z-index:45;background:var(--ink);max-width:min(28rem,100vw - 2rem);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;margin:0;padding:.7rem 1rem;font-weight:700;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}html[lang=ar] body{font-family:Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif}@media (max-width:420px){.brand span{display:none}}@media (min-width:800px){h1,.hero h1{font-size:2.5rem}.hero-doc h1{font-size:2.25rem}.drop{min-height:220px}.drop strong{font-size:1.6rem}}@media (max-height:700px){body[data-template=tool] main{padding-top:.4rem}body[data-template=tool] .badges{display:none}.hero{margin-bottom:.4rem}.drop{min-height:148px}}@media (min-width:720px){.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:980px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.stage{grid-area:1/1}.controls{grid-area:1/2;position:sticky;top:7.1rem}}.wrap:has(.workspace.has-files) .hero .answer{display:none}.wrap:has(.workspace.has-files) .badges{display:none}.wrap:has(.workspace.has-files) .crumbs{display:none}.wrap:has(.workspace.has-files) .hero{margin-bottom:.4rem}.wrap:has(.workspace.has-files) .hero h1{font-size:1.35rem}@keyframes meter{0%{width:18%}to{width:88%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter.is-busy span{width:70%;animation:none}}
/*$vite$:1*/