.ui-module__gjHJ_W__nav{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.ui-module__gjHJ_W__navInner{align-items:center;gap:var(--sp-6);height:64px;display:flex}.ui-module__gjHJ_W__logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;font-size:1.18rem;font-weight:800;text-decoration:none;display:flex}.ui-module__gjHJ_W__mark{flex:none;width:26px;height:26px;display:block}.ui-module__gjHJ_W__navLinks{gap:var(--sp-6);margin-left:var(--sp-4);display:flex}.ui-module__gjHJ_W__navLinks a{color:var(--ink-soft);font-weight:500;font-size:var(--step--1);letter-spacing:.01em}.ui-module__gjHJ_W__navLinks a:hover{color:var(--ink)}.ui-module__gjHJ_W__navRight{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.ui-module__gjHJ_W__iconBtn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;font-size:1rem;display:grid}.ui-module__gjHJ_W__iconBtn:hover{border-color:var(--accent);color:var(--accent)}.ui-module__gjHJ_W__btn{font-family:inherit;font-weight:600;font-size:var(--step--1);cursor:pointer;transition:transform .15s var(--ease), box-shadow .2s;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.ui-module__gjHJ_W__btnPrimary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow)}.ui-module__gjHJ_W__btnPrimary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ui-module__gjHJ_W__btnGhost{background:var(--surface);color:var(--ink);border-color:var(--line)}.ui-module__gjHJ_W__btnGhost:hover{border-color:var(--accent);color:var(--accent)}.ui-module__gjHJ_W__chip{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:4px 9px;font-size:.8rem;font-weight:500;display:inline-flex}.ui-module__gjHJ_W__chipFrom{color:var(--from)}.ui-module__gjHJ_W__chipTo{color:var(--to)}.ui-module__gjHJ_W__chipArw{color:var(--ink-soft);transition:transform .4s var(--ease)}.ui-module__gjHJ_W__chip:hover .ui-module__gjHJ_W__chipArw{transform:translate(3px)}.ui-module__gjHJ_W__hero{padding:var(--sp-20) 0 var(--sp-12);text-align:center;position:relative}.ui-module__gjHJ_W__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4);font-size:.74rem}.ui-module__gjHJ_W__hero h1{font-size:clamp(2.3rem, 6vw, var(--step-5));margin:0 auto var(--sp-4);max-width:14ch;font-weight:800}.ui-module__gjHJ_W__hero .ui-module__gjHJ_W__sub{color:var(--ink-soft);font-size:var(--step-1);max-width:52ch;margin:0 auto var(--sp-8)}.ui-module__gjHJ_W__homeHero{isolation:isolate;padding-bottom:var(--sp-20)}.ui-module__gjHJ_W__heroBg{z-index:-1;background:#0c0e13 url(/brand/hero.webp) 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.ui-module__gjHJ_W__heroBg:after{content:"";background:linear-gradient(180deg, #0c0e13cc 0%, #0c0e138f 40%, #0c0e138f 90%, var(--bg) 100%);position:absolute;inset:0}.ui-module__gjHJ_W__homeHero .ui-module__gjHJ_W__eyebrow{color:#9a8cff}.ui-module__gjHJ_W__homeHero h1{color:#f5f6fa}.ui-module__gjHJ_W__homeHero .ui-module__gjHJ_W__sub{color:#c4c9d6}.ui-module__gjHJ_W__homeHero .ui-module__gjHJ_W__privacy{color:#aeb4c2}.ui-module__gjHJ_W__homeHero .ui-module__gjHJ_W__privacy b{color:#34d399}.ui-module__gjHJ_W__drop{background:var(--surface);border:2px dashed color-mix(in srgb, var(--accent) 40%, var(--line));border-radius:var(--r-xl);max-width:640px;padding:var(--sp-12) var(--sp-6);box-shadow:var(--shadow-lg);transition:border-color .25s, transform .25s var(--ease);cursor:pointer;text-align:center;margin:0 auto}.ui-module__gjHJ_W__drop:hover{border-color:var(--accent);transform:translateY(-2px)}.ui-module__gjHJ_W__dropIco{width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--accent-soft);color:var(--accent);border-radius:16px;place-items:center;font-size:1.6rem;display:grid}.ui-module__gjHJ_W__drop h3{font-size:var(--step-2);margin-bottom:4px}.ui-module__gjHJ_W__dropHint{color:var(--ink-soft);font-size:var(--step--1);margin-bottom:var(--sp-6)}.ui-module__gjHJ_W__dropChips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ui-module__gjHJ_W__dropSmall{padding:var(--sp-8) var(--sp-6);box-shadow:none;max-width:none}.ui-module__gjHJ_W__privacy{margin-top:var(--sp-6);font-family:var(--font-mono);color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.ui-module__gjHJ_W__privacy b{color:var(--success);font-weight:600}.ui-module__gjHJ_W__section{padding:var(--sp-12) 0}.ui-module__gjHJ_W__secHead{margin-bottom:var(--sp-6);justify-content:space-between;align-items:baseline;display:flex}.ui-module__gjHJ_W__secHead h2{font-size:var(--step-2)}.ui-module__gjHJ_W__secHead a{color:var(--accent);font-weight:600;font-size:var(--step--1)}.ui-module__gjHJ_W__grid{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.ui-module__gjHJ_W__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);color:var(--ink);transition:border-color .2s, transform .2s var(--ease), box-shadow .2s;flex-direction:column;gap:10px;text-decoration:none;display:flex}.ui-module__gjHJ_W__card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:var(--shadow);transform:translateY(-3px)}.ui-module__gjHJ_W__card .ui-module__gjHJ_W__chip{align-self:flex-start}.ui-module__gjHJ_W__cardName{font-weight:600;font-size:var(--step-0);font-family:var(--font-display);letter-spacing:-.01em}.ui-module__gjHJ_W__cardDesc{color:var(--ink-soft);font-size:var(--step--1);margin-top:-4px}.ui-module__gjHJ_W__diff{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ui-module__gjHJ_W__grid4{gap:var(--sp-6);padding:var(--sp-12) 0;grid-template-columns:repeat(4,1fr);display:grid}.ui-module__gjHJ_W__diff h4{font-family:var(--font-display);font-size:var(--step-0);align-items:center;gap:8px;margin-bottom:4px;display:flex}.ui-module__gjHJ_W__dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.ui-module__gjHJ_W__diff p{color:var(--ink-soft);font-size:var(--step--1)}.ui-module__gjHJ_W__breadcrumb{font-family:var(--font-mono);color:var(--ink-soft);padding-top:var(--sp-8);font-size:.76rem}.ui-module__gjHJ_W__breadcrumb a{color:var(--ink-soft)}.ui-module__gjHJ_W__breadcrumb a:hover{color:var(--accent)}.ui-module__gjHJ_W__toolHero{text-align:center;padding:var(--sp-8) 0 var(--sp-6)}.ui-module__gjHJ_W__toolHero .ui-module__gjHJ_W__chip{margin-bottom:var(--sp-6);transform:scale(1.15)}.ui-module__gjHJ_W__toolHero h1{font-size:clamp(2rem, 5vw, var(--step-4));margin-bottom:var(--sp-3)}.ui-module__gjHJ_W__toolHero p{color:var(--ink-soft);max-width:48ch;margin:0 auto}.ui-module__gjHJ_W__converter{max-width:600px;margin:var(--sp-6) auto 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow)}.ui-module__gjHJ_W__optsNote{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--r-sm);font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:8px;font-size:.76rem;display:flex}.ui-module__gjHJ_W__subHead{font-size:var(--step-2);margin-top:var(--sp-12);text-align:center}.ui-module__gjHJ_W__aboutFmt{max-width:680px;margin:var(--sp-6) auto 0;gap:var(--sp-3);flex-direction:column;display:flex}.ui-module__gjHJ_W__aboutFmt p{color:var(--ink-soft)}.ui-module__gjHJ_W__steps{gap:var(--sp-6);margin-top:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}.ui-module__gjHJ_W__stepN{font-family:var(--font-mono);color:var(--accent);font-size:.8rem;font-weight:600}.ui-module__gjHJ_W__step h4{font-family:var(--font-display);font-size:var(--step-0);margin:6px 0 2px}.ui-module__gjHJ_W__step p{color:var(--ink-soft);font-size:var(--step--1)}.ui-module__gjHJ_W__faq{max-width:680px;margin:var(--sp-8) auto 0}.ui-module__gjHJ_W__faq details{border-bottom:1px solid var(--line);padding:var(--sp-4) 0}.ui-module__gjHJ_W__faq summary{cursor:pointer;justify-content:space-between;gap:var(--sp-4);font-weight:600;list-style:none;display:flex}.ui-module__gjHJ_W__faq summary::-webkit-details-marker{display:none}.ui-module__gjHJ_W__faq summary:after{content:"+";color:var(--accent);font-family:var(--font-mono)}.ui-module__gjHJ_W__faq details[open] summary:after{content:"–"}.ui-module__gjHJ_W__faq p{color:var(--ink-soft);font-size:var(--step--1);margin-top:var(--sp-3)}.ui-module__gjHJ_W__footer{border-top:1px solid var(--line);margin-top:var(--sp-16);padding:var(--sp-12) 0}.ui-module__gjHJ_W__foot{gap:var(--sp-8);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}.ui-module__gjHJ_W__foot h5{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--sp-4);font-size:.72rem}.ui-module__gjHJ_W__foot a{color:var(--ink);font-size:var(--step--1);padding:3px 0;display:block}.ui-module__gjHJ_W__foot a:hover{color:var(--accent)}.ui-module__gjHJ_W__footAbout{color:var(--ink-soft);font-size:var(--step--1);margin-top:12px}.ui-module__gjHJ_W__dropBusy{border-style:solid;border-color:var(--accent);cursor:default}.ui-module__gjHJ_W__dropOver{border-color:var(--accent);background:var(--accent-soft)}.ui-module__gjHJ_W__opts{align-items:center;gap:var(--sp-4);margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.ui-module__gjHJ_W__opts label{font-size:var(--step--1);color:var(--ink-soft);font-weight:500}.ui-module__gjHJ_W__opts input[type=range]{min-width:120px;accent-color:var(--accent);flex:1}.ui-module__gjHJ_W__val{font-family:var(--font-mono);color:var(--ink);text-align:right;width:42px;font-size:.8rem}.ui-module__gjHJ_W__field{font-family:var(--font-body);font-size:var(--step--1);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);width:90px;padding:8px 10px}.ui-module__gjHJ_W__field:focus{border-color:var(--accent);outline:none}.ui-module__gjHJ_W__checkRow{font-size:var(--step--1);color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.ui-module__gjHJ_W__resultList{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.ui-module__gjHJ_W__result{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--r-sm);display:flex}.ui-module__gjHJ_W__resultFn{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.ui-module__gjHJ_W__resultSz{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:.76rem}.ui-module__gjHJ_W__zipRow{margin-top:var(--sp-3);justify-content:flex-end;display:flex}.ui-module__gjHJ_W__progress{background:var(--surface-2);height:8px;margin-top:var(--sp-4);border-radius:100px;overflow:hidden}.ui-module__gjHJ_W__progress span{background:linear-gradient(90deg, var(--from), var(--to));height:100%;transition:width .2s var(--ease);border-radius:100px;display:block}.ui-module__gjHJ_W__errorBox{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:color-mix(in srgb, var(--danger) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));color:var(--ink);font-size:var(--step--1);align-items:flex-start;gap:8px;display:flex}.ui-module__gjHJ_W__resetBtn{margin-top:var(--sp-4);color:var(--accent);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;font-size:.78rem;font-weight:600}.ui-module__gjHJ_W__cropWrap{margin-top:var(--sp-4);-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;display:inline-block;position:relative}.ui-module__gjHJ_W__cropWrap img{border-radius:var(--r-sm);max-width:100%;height:auto;display:block}.ui-module__gjHJ_W__cropShade{border:2px solid var(--accent);border-radius:2px;position:absolute;inset:0;box-shadow:0 0 0 9999px #00000073}.ui-module__gjHJ_W__cropHandle{background:var(--accent);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute}.ui-module__gjHJ_W__ratioRow{margin-top:var(--sp-4);flex-wrap:wrap;gap:6px;display:flex}.ui-module__gjHJ_W__ratioBtn{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:100px;padding:5px 10px;font-size:.74rem}.ui-module__gjHJ_W__ratioBtn.ui-module__gjHJ_W__active{border-color:var(--accent);color:var(--accent)}.ui-module__gjHJ_W__organizeGrid{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.ui-module__gjHJ_W__pageCard{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);overflow:hidden}.ui-module__gjHJ_W__pageCard img{background:#fff;width:100%;height:auto;display:block}.ui-module__gjHJ_W__pageBar{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:4px;padding:4px 6px;font-size:.74rem;display:flex}.ui-module__gjHJ_W__pageBar span{text-align:center;flex:1}.ui-module__gjHJ_W__pageBar button{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1rem;line-height:1}.ui-module__gjHJ_W__pageBar button:disabled{opacity:.3;cursor:default}.ui-module__gjHJ_W__pageBar button:not(:disabled):hover{color:var(--accent)}.ui-module__gjHJ_W__pageRemove{color:var(--danger)!important}.ui-module__gjHJ_W__fileList{margin-top:var(--sp-4);flex-direction:column;gap:6px;display:flex}.ui-module__gjHJ_W__fileRow{background:var(--surface-2);border-radius:var(--r-sm);font-size:var(--step--1);align-items:center;gap:8px;padding:8px 12px;display:flex}.ui-module__gjHJ_W__fileRow .ui-module__gjHJ_W__fn{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-module__gjHJ_W__fileRow button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.ui-module__gjHJ_W__fileRow button:hover{color:var(--accent)}.ui-module__gjHJ_W__fileRow button:disabled{opacity:.3;cursor:default}@media (max-width:820px){.ui-module__gjHJ_W__grid,.ui-module__gjHJ_W__grid4,.ui-module__gjHJ_W__foot{grid-template-columns:repeat(2,1fr)}.ui-module__gjHJ_W__steps{grid-template-columns:1fr}.ui-module__gjHJ_W__navLinks{display:none}}