:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17243b;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17243b;--muted: #64728a;--subtle: #8b97aa;--line: #dce3ee;--panel: #ffffff;--wash: #f3f6fb;--blue: #315fce;--blue-dark: #244aa5;--blue-soft: #eaf0ff;--green: #19704c;--green-soft: #e4f6ed;--amber: #a35a11;--amber-soft: #fff1df;--shadow: 0 18px 50px rgba(35, 55, 95, .08), 0 3px 10px rgba(35, 55, 95, .04)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -10%,#e9efff 0,transparent 35rem),var(--wash)}button,input,select{font:inherit}button,select,input[type=file],input[type=color],input[type=range]{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.page-shell{max-width:1180px;margin:0 auto;padding:0 28px 48px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:23px 0 20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:770;letter-spacing:-.03em;font-size:1.17rem}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:var(--blue);box-shadow:0 5px 13px #315fce3d;font-size:.95rem;font-weight:800}.site-nav{display:flex;gap:24px;color:var(--muted);font-size:.88rem}.site-nav a{text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--blue)}.hero{padding:38px 0 31px;max-width:820px}.eyebrow,.section-kicker{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.12em}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#45b881;box-shadow:0 0 0 4px #dff5e9}h1,h2,h3,p{margin-top:0}h1{margin-bottom:15px;max-width:690px;font-size:clamp(2.35rem,4.8vw,4.1rem);line-height:.99;letter-spacing:-.062em;font-weight:790;color:var(--ink)}.hero-copy{max-width:635px;margin-bottom:21px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.56}.hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;color:#53627a;font-size:.83rem}.hero-points>span{display:inline-flex;align-items:center;gap:7px}.point-icon{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #cbd7eb;border-radius:7px;background:#fff;color:var(--blue);font-weight:700;font-size:.74rem}.tool-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.tool-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:31px 34px 27px;border-bottom:1px solid var(--line)}.tool-heading h2{margin:6px 0 7px;color:var(--ink);font-size:1.57rem;letter-spacing:-.035em}.tool-intro{margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.5}.privacy-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #c8e8d8;border-radius:99px;color:var(--green);background:var(--green-soft);font-size:.77rem;font-weight:700}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:0}.settings-panel,.upload-panel{padding:31px 34px 32px}.settings-panel{border-right:1px solid var(--line)}.panel-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:23px}.step-badge{display:inline-grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:9px;color:var(--blue);background:var(--blue-soft);font-size:.68rem;font-weight:850;letter-spacing:.02em}.step-badge.small{width:25px;height:25px;border-radius:8px}.panel-title-row h3{margin:1px 0 4px;color:var(--ink);font-size:1rem;letter-spacing:-.01em}.panel-title-row p{margin-bottom:0;color:var(--muted);font-size:.78rem;line-height:1.45}.field{display:flex;flex-direction:column;gap:7px;color:#4a5971;font-size:.76rem;font-weight:690}.field select,.field input[type=number]{width:100%;min-height:42px;padding:10px 12px;border:1px solid #ccd6e5;border-radius:10px;outline:none;color:var(--ink);background:#fff;font-size:.86rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.field select{appearance:auto}.field select:focus,.field input[type=number]:focus,.field input[type=color]:focus,.field input[type=range]:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315fce24}.full-field{margin-bottom:7px}.field-grid{display:grid;gap:13px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.dimension-fields{margin-top:13px}.optional{color:var(--subtle);font-weight:500}.field-note{margin:9px 0 0;color:var(--subtle);font-size:.71rem;line-height:1.45}.field-inline-help{justify-content:flex-end;padding-bottom:4px;color:var(--subtle);font-size:.7rem;font-weight:600}.inline-help{display:flex;align-items:center;gap:6px;color:var(--subtle);font-weight:500}.info-button{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid #bdc9dd;border-radius:50%;color:var(--blue);background:#fff;font-size:.67rem;font-weight:800}.info-button:hover:after,.info-button:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:5;right:0;bottom:24px;width:210px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;box-shadow:var(--shadow);font-size:.7rem;font-weight:500;line-height:1.4;text-align:left}.fit-options{display:grid;gap:8px;margin-top:20px;padding:14px 15px;border:1px solid #dce4f0;border-radius:12px;background:#fbfcfe}.field-label{color:#4a5971;font-size:.76rem;font-weight:700}.radio-option{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:.79rem;cursor:pointer}.radio-option input{margin:2px 0 0;accent-color:var(--blue)}.radio-option strong{display:block;font-size:.78rem;font-weight:730}.radio-option small{display:block;margin-top:2px;color:var(--muted);font-size:.7rem;font-weight:500;line-height:1.4}.quality-row{grid-template-columns:1fr 1fr;margin-top:17px;align-items:end}.color-control{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border:1px solid #ccd6e5;border-radius:10px;color:var(--ink);background:#fff;font-size:.82rem;font-weight:500}.color-control input{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:none}.field output{float:right;color:var(--blue);font-size:.73rem;font-weight:800}.field input[type=range]{width:100%;margin:11px 0 4px;accent-color:var(--blue)}.upload-panel{display:flex;flex-direction:column;min-width:0}.drop-zone{display:flex;flex:1 1 auto;min-height:278px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;border:1.5px dashed #b7c7e6;border-radius:16px;color:var(--muted);background:linear-gradient(145deg,#fbfdff,#f5f8ff);text-align:center;transition:border-color .15s,background .15s,transform .15s}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragover{border-color:var(--blue);background:#eff4ff;outline:none}.drop-zone.dragover{transform:scale(1.01)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:5px;border-radius:16px;color:var(--blue);background:#e7eeff;font-size:1.6rem;font-weight:400}.drop-title{color:var(--ink);font-size:.95rem;font-weight:770}.drop-subtitle{font-size:.8rem}.drop-subtitle u{color:var(--blue);text-underline-offset:2px;font-weight:680}.drop-formats{margin-top:12px;color:var(--subtle);font-size:.68rem;font-weight:700;letter-spacing:.08em}.upload-support{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:var(--green);font-size:.72rem;font-weight:650}.sample-prompt{margin:11px 0 0;color:var(--subtle);font-size:.7rem;text-align:center}.sample-button{padding:0;border:0;color:var(--blue);background:transparent;font-size:inherit;font-weight:760;text-decoration:underline;text-underline-offset:2px}.sample-button:hover,.sample-button:focus-visible{color:var(--blue-dark)}.sample-button:disabled{color:var(--subtle);cursor:wait}.file-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.file-count{color:#53627a;font-size:.7rem;font-weight:750}.clear-files{padding:3px 0;border:0;color:var(--blue);background:transparent;font-size:.7rem;font-weight:760}.clear-files:hover,.clear-files:focus-visible{color:var(--blue-dark);text-decoration:underline;text-underline-offset:2px}.file-list{display:grid;gap:7px;margin-top:8px}.file-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #e0e6ef;border-radius:10px;background:#fff}.file-row-thumb{display:block;flex:0 0 auto;width:32px;height:32px;border:1px solid #dbe4f2;border-radius:8px;object-fit:cover;background:var(--blue-soft)}.file-row-copy{min-width:0;flex:1}.file-row-name{overflow:hidden;margin:0 0 2px;color:var(--ink);font-size:.76rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-row-size{margin:0;color:var(--subtle);font-size:.68rem}.remove-file{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;color:var(--subtle);background:transparent;font-size:1rem}.remove-file:hover,.remove-file:focus-visible{color:#b03746;background:#fff0f1}.inline-error{margin:12px 0 0;padding:9px 10px;border-radius:9px;color:#a23645;background:#fff0f1;font-size:.74rem;line-height:1.4}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 34px;border-top:1px solid var(--line);background:#fbfcfe}.action-help{display:flex;align-items:center;gap:9px}.action-help strong,.action-help small{display:block}.action-help strong{color:var(--ink);font-size:.82rem}.action-help small{margin-top:3px;color:var(--muted);font-size:.7rem}.requirements-summary{display:block;max-width:480px;margin-top:8px;color:var(--blue);font-size:.68rem;font-weight:760;line-height:1.35}.action-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:10px 14px;border:1px solid transparent;border-radius:10px;font-size:.77rem;font-weight:760;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #315fce2e}.button.primary{color:#fff;background:var(--blue);box-shadow:0 5px 13px #315fce38}.button.primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.button.primary:disabled{color:#98a8bf;background:#dce4f2;box-shadow:none}.button.secondary{color:#52627a;border-color:#ccd6e5;background:#fff}.button.secondary:hover:not(:disabled){color:var(--blue);border-color:#aebfe1;background:#f7f9fe}.results-section{padding:29px 34px 30px;border-top:1px solid var(--line);background:#fff}.results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.results-header h3{margin:6px 0 5px;font-size:1.17rem;letter-spacing:-.025em}.results-summary{margin:0;color:var(--muted);font-size:.78rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px}.result-card{overflow:hidden;border:1px solid #dce4ee;border-radius:14px;background:#fff}.result-preview{position:relative;display:grid;place-items:center;height:154px;padding:12px;background:repeating-conic-gradient(#f4f6fa 0 25%,#fff 0 50%) 50% / 16px 16px}.result-preview img{display:block;max-width:100%;max-height:130px;object-fit:contain;border-radius:4px;box-shadow:0 5px 15px #1423441f}.result-body{padding:14px}.result-name{overflow:hidden;margin:0 0 8px;color:var(--ink);font-size:.8rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:.69rem;font-weight:800}.status-pill.pass{color:var(--green);background:var(--green-soft)}.status-pill.warn{color:var(--amber);background:var(--amber-soft)}.result-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 13px}.meta-cell{min-width:0}.meta-label{display:block;margin-bottom:2px;color:var(--subtle);font-size:.63rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.meta-value{display:block;overflow:hidden;color:var(--ink);font-size:.73rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.checks{display:grid;gap:6px;padding-top:11px;border-top:1px solid #e6ebf2}.check-line{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:.68rem;line-height:1.35}.check-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:15px;height:15px;border-radius:50%;color:#fff;background:var(--green);font-size:.57rem;font-weight:900}.check-line.fail .check-icon{color:#fff;background:#bb6e1e}.check-line.fail{color:#8d5b27}.result-actions{display:flex;gap:8px;margin-top:13px}.download-link{flex:1}.result-footnote,.results-footnote{margin:18px 0 0;color:var(--subtle);font-size:.7rem;line-height:1.5}.results-footnote strong{color:#58677d}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:27px 4px 28px}.trust-item{display:flex;align-items:flex-start;gap:11px}.trust-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:10px;color:var(--blue);background:#e9efff;font-size:.9rem;font-weight:800}.trust-item strong,.trust-item span{display:block}.trust-item strong{margin-bottom:3px;color:var(--ink);font-size:.76rem}.trust-item div>span{color:var(--muted);font-size:.7rem;line-height:1.45}.content-section{padding:58px 0 43px;border-top:1px solid var(--line)}.content-heading{max-width:660px}.content-heading h2,.faq-section h2{margin:8px 0 12px;color:var(--ink);font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.045em}.content-heading>p:last-child{margin-bottom:0;color:var(--muted);font-size:.91rem;line-height:1.65}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:29px}.explanation-grid article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.explanation-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--blue);background:var(--blue-soft);font-size:.72rem;font-weight:800}.explanation-grid h3{margin:18px 0 7px;color:var(--ink);font-size:.92rem}.explanation-grid p{margin-bottom:0;color:var(--muted);font-size:.78rem;line-height:1.55}.faq-section{padding:42px 0 39px;border-top:1px solid var(--line)}.faq-list{max-width:820px;margin-top:21px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:16px 2px;color:var(--ink);font-size:.86rem;font-weight:730;cursor:pointer;list-style-position:inside}.faq-list details p{max-width:730px;margin:-3px 0 16px 23px;color:var(--muted);font-size:.78rem;line-height:1.6}.site-footer{display:flex;justify-content:space-between;gap:15px;padding-top:27px;color:var(--subtle);font-size:.7rem}.noscript-warning{position:fixed;inset:auto 15px 15px;z-index:20;padding:12px 15px;border-radius:10px;color:#71310e;background:#fff0d9;box-shadow:var(--shadow);font-size:.82rem}@media(max-width:880px){.workspace-grid{grid-template-columns:1fr}.settings-panel{border-right:0;border-bottom:1px solid var(--line)}.upload-panel{min-height:auto}.drop-zone{min-height:230px}}@media(max-width:640px){.page-shell{padding:0 16px 32px}.site-header{padding-top:17px}.site-nav{gap:12px;font-size:.75rem}.hero{padding:30px 0 24px}h1{font-size:clamp(2.25rem,12.5vw,3.5rem)}.hero-copy{font-size:.96rem}.hero-points{display:grid;gap:8px}.tool-heading,.settings-panel,.upload-panel,.results-section{padding-right:19px;padding-left:19px}.tool-heading{flex-direction:column;padding-top:23px;padding-bottom:21px}.privacy-badge{font-size:.71rem}.two-columns,.quality-row{grid-template-columns:1fr}.field-inline-help{justify-content:flex-start;padding-bottom:0}.action-bar{align-items:stretch;flex-direction:column;padding:18px 19px}.requirements-summary{max-width:none}.action-buttons{display:grid;grid-template-columns:1fr 1fr}.action-buttons .primary{grid-column:1 / -1;grid-row:1}.action-buttons .secondary{grid-row:2}.results-header{align-items:stretch;flex-direction:column}.results-header .button{width:100%}.results-grid{grid-template-columns:1fr}.trust-strip,.explanation-grid{grid-template-columns:1fr;gap:14px}.trust-strip{padding:24px 4px}.content-section{padding-top:42px}.site-footer{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}