:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5ef;--surface:#fff;--surface-muted:#f1eee6;--ink:#17211d;--muted:#5f6a64;--line:#d9d4c8;--green:#1f7a55;--green-dark:#14543b;--amber:#b86512;--red:#b42318;--blue:#2366a8;--shadow:0 16px 36px #211f1b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh}.container{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5eff0;border-bottom:1px solid #17211d14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand-mark{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--green);border-radius:8px;place-items:center;display:grid}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:9px 10px;font-size:14px}.nav a:hover{background:var(--surface-muted);color:var(--ink)}.hero{padding:56px 0 26px}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:start;gap:32px;display:grid}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:700}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.08}h1{max-width:780px;margin-top:12px;font-size:clamp(38px,6vw,72px)}h2{font-size:30px}h3{font-size:19px}.lead{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:18px}.trust-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.trust-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffffb8;border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:14px;display:inline-flex}.section{padding:36px 0}.section-head{max-width:720px;margin-bottom:20px}.section-head p{color:var(--muted);margin:10px 0 0}.tool-panel,.info-panel,.result-panel,.preview-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.tool-panel{padding:18px}.upload-zone{text-align:center;background:#fbfaf7;border:1.5px dashed #b7b0a2;border-radius:8px;place-items:center;min-height:260px;padding:22px;transition:border-color .15s,background .15s;display:grid}.upload-zone.dragging{border-color:var(--green);background:#eef8f2}.upload-zone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{width:48px;height:48px;color:var(--green);background:#e6f2ec;border-radius:8px;place-items:center;margin:0 auto 12px;display:grid}.upload-title{font-weight:750}.upload-copy{max-width:360px;color:var(--muted);margin:6px auto 0;font-size:14px}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-weight:700;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover{background:var(--surface-muted)}.button:disabled{cursor:not-allowed;opacity:.55}.tool-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);align-items:start;gap:18px;display:grid}.image-preview{gap:12px;margin-top:16px;display:grid}.preview-frame{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:260px;display:grid;overflow:hidden}.preview-frame img{object-fit:contain;max-width:100%;max-height:380px;display:block}.metadata-grid,.check-list,.tool-card-grid,.faq-grid,.metric-grid{gap:12px;display:grid}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-item,.check-item,.tool-card,.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:8px}.meta-item{padding:12px}.meta-label{color:var(--muted);font-size:12px}.meta-value{margin-top:3px;font-weight:750}.result-panel{padding:18px}.status{border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-weight:750;display:inline-flex}.status.good{color:var(--green-dark);background:#e6f2ec}.status.warn{color:var(--amber);background:#fff4df}.status.risk{color:var(--red);background:#fff0ed}.check-list{margin-top:16px}.check-item{grid-template-columns:auto 1fr;gap:10px;padding:12px;display:grid}.check-item p{color:var(--muted);margin:3px 0 0;font-size:14px}.check-icon.pass{color:var(--green)}.check-icon.warning{color:var(--amber)}.check-icon.risk{color:var(--red)}.disclaimer{border-left:3px solid var(--amber);color:#75502a;background:#fff9ed;margin-top:14px;padding:12px;font-size:14px}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{gap:12px;padding:18px;display:grid}.tool-card p,.faq-item p,.info-panel p{color:var(--muted);margin:0}.tool-card a{color:var(--green);font-weight:750}.info-panel{padding:18px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-item{padding:16px}.faq-item p{margin-top:8px}.crop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.crop-preview{gap:8px;display:grid}.crop-box{border:1px solid var(--line);background:#fff;border-radius:8px;position:relative;overflow:hidden}.crop-box.square{aspect-ratio:1}.crop-box.ratio-4-3{aspect-ratio:4/3}.crop-box.ratio-5-4{aspect-ratio:5/4}.crop-box img{object-fit:cover;object-position:center;width:100%;height:100%}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:8px 10px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:30px 0;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a:hover{color:var(--ink)}@media (max-width:900px){.hero-grid,.tool-grid,.two-col,.tool-card-grid,.crop-grid,.controls,.faq-grid{grid-template-columns:1fr}.nav{display:none}}@media (max-width:560px){.container{width:min(100% - 22px,1120px)}.hero{padding-top:34px}h1{font-size:36px}h2{font-size:25px}.metadata-grid{grid-template-columns:1fr}.tool-panel,.result-panel,.info-panel{padding:14px}}