[hidden]{display:none!important}.app-shell{max-width:1360px;margin:auto;padding:0 56px}.app-shell .site-header{height:90px}.app-shell .brand img{width:145px;height:49px}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav>a{font-size:11px;color:var(--muted)}.nav-divider{width:1px;height:18px;background:var(--border)}.beta{font-size:8px;letter-spacing:.7px;border:1px solid #393e47;padding:3px 5px;border-radius:3px}.app-intro{display:flex;justify-content:space-between;align-items:center;padding:50px 0 35px;gap:20px}.app-intro h1{font-size:48px;letter-spacing:-2px;line-height:1.2;margin:14px 0 10px}.app-intro h1>span{font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:16px;white-space:nowrap}.app-intro p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.limit-badge{display:flex;align-items:center;gap:14px;border:1px solid var(--border);padding:15px 19px;border-radius:5px;background:#101318;flex-shrink:0}.limit-badge>span:last-child{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.limit-badge strong{display:block;color:var(--text);font-size:14px;letter-spacing:0;margin-top:5px}.badge-icon{font-size:28px;color:var(--red)}.workflow{display:flex;align-items:center;gap:20px;padding:22px 0 25px;border-top:1px solid #21262d;color:#717986;font-size:11px}.workflow span{display:flex;align-items:center;gap:9px}.workflow b{font:9px ui-monospace,monospace;border:1px solid #2d323b;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.workflow .current{color:#e4e7ec}.workflow .current b{background:#ef334018;border-color:#ef334066;color:#ff6470}.workflow i{width:45px;height:1px;background:var(--border)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.upload-panel{display:flex;flex-direction:column;min-width:0}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #3b424d;background:radial-gradient(ellipse at 50% 30%,#1b2027,#111419 75%);border-radius:8px;min-height:410px;padding:40px 20px;transition:border-color .2s,background .2s}.dropzone.dragover{border-color:var(--red);background:#251419}.upload-icon{width:72px;height:72px;border:1px solid #353b46;border-radius:16px;background:#1b2027;display:grid;place-items:center;transform:rotate(-5deg);margin-bottom:27px;color:#e6e8ec}.upload-icon svg{width:37px;height:37px;transform:rotate(5deg)}.drop-eyebrow{font-size:8px;letter-spacing:1.9px;color:#727c8b}.dropzone h2{font-size:24px;letter-spacing:-.7px;margin:13px 0 9px}.dropzone>p{font-size:11px;color:#b9c0cb;margin:0 0 24px}.dropzone>p>span{color:#737e8c;margin-left:12px;border-left:1px solid #3b414c;padding-left:12px}.file-label{font-size:12px;padding:12px 19px;cursor:pointer;gap:22px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-label:has(+input:focus-visible){outline:2px solid #ff6973;outline-offset:5px}.drop-help{font-size:10px;color:#808a99;margin-top:25px;line-height:1.8}.dropzone .selected-file{margin:20px 0 0;color:#efb8bd;max-width:100%;overflow-wrap:anywhere}.privacy{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#818b99;padding:17px 10px;line-height:1.7}.privacy>span:first-child{font-size:17px}.settings{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:23px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2f37;padding-bottom:17px;margin-bottom:21px}.panel-title h2{font-size:12px;margin:0;font-weight:650}.panel-title>span{color:#737d8a}.settings label{display:block;font-size:10px;font-weight:550;color:#bbc1cb;margin:17px 0 8px}.settings select{width:100%;background:#0e1116;border:1px solid #303640;border-radius:4px;color:#e3e6ec;padding:10px 9px;font-size:11px;min-height:38px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range-heading{display:flex;align-items:center;justify-content:space-between;margin-top:1px}.range-heading output{font:10px ui-monospace,monospace;color:#a6adb8;padding-top:8px}input[type=range]{accent-color:var(--red);width:100%;height:14px;margin:7px 0}.range-labels{display:flex;justify-content:space-between;color:#838d9c;font-size:8px}.field-help{font-size:9px;color:#8a95a4;line-height:1.7;margin:12px 0 19px}.convert-button{width:100%;padding:12px 10px;font-size:11px;gap:25px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.local-note{color:#76808f;font-size:8px;text-align:center;margin:12px 0 0}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:44px 0 50px;padding-top:30px;border-top:1px solid var(--border)}.tips article>span{font:8px ui-monospace,monospace;color:#a66870;letter-spacing:1.2px}.tips h3{font-size:14px;font-weight:600;margin:12px 0 7px;letter-spacing:-.2px}.tips p{font-size:11px;line-height:1.8;color:#8b95a3;margin:0;max-width:285px}.site-footer p{font-size:9px;line-height:1.8;color:#727c89}.notice{padding:15px 18px;border:1px solid #a4553766;background:#2b1e18;border-radius:5px;color:#ffd4b3;font-size:12px;margin-bottom:20px;line-height:1.7}.busy{display:flex;align-items:center;gap:20px;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:7px;margin-top:24px}.busy strong{font-size:14px}.busy p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.spinner{display:block;width:25px;height:25px;border:2px solid #373d46;border-top-color:var(--red);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.results-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.text-button{border:0;background:none;color:#b5bdc9;font-size:11px;padding:9px 0;text-align:left}.text-button:hover{color:#fff}.previews{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-card{overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.preview-heading h3{font-size:12px;font-weight:550;margin:0}.preview-heading h3>span{font:9px ui-monospace,monospace;color:#777f8b;margin-right:8px}.preview-heading .tag{font-size:8px;padding:3px 5px;margin:0}.checker{background-color:#e4e6e8;background-image:conic-gradient(#cfd2d5 25%,transparent 0 50%,#cfd2d5 0 75%,transparent 0);background-size:20px 20px}.preview-stage{height:280px;display:grid;place-items:center;padding:22px}.preview-stage img{max-width:100%;max-height:236px;object-fit:contain;width:100%;height:100%}.preview-stats{font-size:10px;color:var(--muted);padding:0 20px;margin:14px 0;line-height:1.8}.result-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px}.validation,.download-card{background:var(--surface);border:1px solid var(--border);padding:25px;border-radius:7px}.validation-title{display:flex;gap:12px;align-items:center}.validation-title>span{font-size:24px;color:var(--green)}.validation-title h3{font-size:15px;margin:0 0 5px}.validation-title p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.size-heading{display:flex;justify-content:space-between;font-size:11px;margin:23px 0 8px}.size-heading strong{font-weight:550}.size-heading>span{color:var(--muted)}meter{display:block;width:100%;height:12px;accent-color:var(--green)}meter::-webkit-meter-bar{background:#30353c;border:0}meter::-webkit-meter-optimum-value{background:var(--green)}meter::-webkit-meter-suboptimum-value{background:#f1b942}meter::-webkit-meter-even-less-good-value{background:var(--red)}.checks{padding:0;list-style:none;display:grid;gap:9px;margin:21px 0 0;font-size:11px}.checks li{display:flex;gap:8px;line-height:1.5}.checks .pass{color:#47cf86}.checks .fail{color:#ff727b}.checks li span:last-child{color:#b7c0cc}.warnings{font-size:11px;line-height:1.8;color:#e7bf68;padding-left:17px}.warnings:empty{display:none}.download-card h3{font-size:20px;letter-spacing:-.4px;margin:16px 0 9px}.download-card>p{font-size:11px;color:var(--muted);line-height:1.8}.download-card .button{width:100%;margin-top:10px;font-size:11px;gap:10px;padding:12px 8px}.secondary{background:#1c2129;border-color:#3a414c;color:#e1e6ee}.secondary:hover{background:#282e38}.download-card>.text-button{display:block;margin:8px auto 0}.aggressive-panel{font-size:11px;line-height:1.7;color:#e7bf68;padding-top:10px}.aggressive-panel label{display:flex;align-items:flex-start;gap:6px}.aggressive-panel input{accent-color:var(--red)}.change-log{margin-top:20px;padding:20px;border:1px solid var(--border);border-radius:5px;font-size:11px;color:var(--muted)}.change-log summary{cursor:pointer;color:#c9d0db}.change-log li{margin-top:10px;line-height:1.7}.comparison{margin-top:30px}.compare-stage{height:380px;position:relative;overflow:hidden;border-radius:5px}.compare-stage>img,.compare-stage>div>img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;padding:20px}#compare-original-wrap{position:absolute;inset:0;clip-path:inset(0 50% 0 0);background:inherit}#compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--red);box-shadow:0 0 6px #0008}.comparison>label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:14px}body[data-busy=true] .settings{opacity:.6}body[data-busy=true] .workspace{pointer-events:none}@media(min-width:1500px){.app-intro{padding-top:60px}.dropzone{min-height:430px}}@media(max-width:1000px){.app-shell{padding:0 30px}.workspace{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.settings{padding:20px}.app-intro h1{font-size:42px}.limit-badge{padding:12px}.limit-badge>span:last-child{font-size:7px}.tips{gap:25px}}@media(max-width:740px){.workspace{grid-template-columns:1fr}.dropzone{min-height:325px;padding:30px 20px}.settings{padding:22px}.app-intro{align-items:flex-start}.limit-badge{display:none}.app-intro h1{font-size:43px}.workflow{gap:10px;font-size:9px;justify-content:space-between}.workflow i{width:15px}.workflow b{width:20px;height:20px;font-size:8px}.settings-row{gap:20px}.tips{gap:20px}.result-bottom{grid-template-columns:1fr}.previews{gap:12px}.preview-stage{height:220px;padding:12px}.preview-stage img{max-height:196px}.preview-stats{padding:0 12px;font-size:9px}.preview-heading{padding:13px 12px}.site-header nav{gap:15px}.nav-divider{display:none}.download-card #download{position:sticky;bottom:12px}}@media(max-width:500px){.app-shell{padding:0 20px}.site-header nav>a{display:none}.app-shell .site-header{height:80px}.app-shell .brand img{width:124px;height:42px}.app-intro{padding-top:34px;padding-bottom:26px}.app-intro h1{font-size:40px}.app-intro h1>span{font-size:9px;margin-left:10px}.app-intro p{font-size:12px;max-width:300px}.app-intro .eyebrow{font-size:8px}.workflow{font-size:8px;gap:5px}.workflow span{gap:5px}.workflow i{width:8px}.dropzone h2{font-size:22px}.drop-eyebrow{font-size:7px;letter-spacing:1.4px}.privacy{font-size:9px;text-align:center}.tips{grid-template-columns:1fr;gap:24px;margin-top:32px}.tips p{max-width:none}.previews{grid-template-columns:1fr}.preview-stage{height:260px}.preview-stage img{max-height:236px}.results-heading h2{font-size:20px}.text-button{font-size:10px}.validation,.download-card{padding:21px}.compare-stage{height:270px}.comparison .section-heading>span{font-size:7px}.busy{padding:20px}.busy p{font-size:10px}}

.app-shell main{padding-bottom:40px}
#auto-summary{margin-top:20px;margin-bottom:0}