:root{--ink:#123b2a;--green:#245d42;--yellow:#ffd33e;--paper:#fffef7;--soft:#f3f5e8;--border:#dce3cf;--muted:#5d705f}*{box-sizing:border-box}body{margin:0;background:#f6f7ec;color:var(--ink);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #357249}[hidden]{display:none!important}main{max-width:1184px;margin:auto;padding:28px 24px 0}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;color:#638337}.hero{display:grid;grid-template-columns:1fr 390px;gap:24px;align-items:stretch;margin:8px 0 24px}.hero>div,.settings,.uploader,.summary,.empty,.image-card{border:1px solid var(--border);background:var(--paper);border-radius:8px;box-shadow:0 4px 0 #e5e8d8}.hero>div{padding:34px}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-1px;margin:0 0 16px}.hero p:not(.eyebrow){max-width:700px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.settings{padding:24px;display:grid;gap:16px}.field{display:grid;gap:8px;font-size:14px;font-weight:750}.field span{display:flex;justify-content:space-between;gap:12px}.field strong{color:#6f8737}input:not([type=file]),select{width:100%;border:1px solid #cbd5bf;border-radius:8px;background:#fff;color:var(--ink);min-height:46px;padding:10px 12px}input[type=range]{accent-color:var(--green);padding:0;min-height:30px}.check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.5}.check input{margin-top:3px;accent-color:var(--green)}.uploader{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:26px;border-style:dashed;background:#fffdf1}.uploader.dragging{background:#fff4b8;border-color:#9a7a00}.uploader input{position:absolute;inset:0;opacity:0;pointer-events:none}.upload-copy{display:flex;align-items:center;gap:16px}.upload-copy>span{width:54px;height:54px;border-radius:8px;background:var(--yellow);display:grid;place-items:center;font-size:28px;font-weight:900}.upload-copy h2{margin:0;font-size:24px}.upload-copy p{margin:5px 0 0;color:var(--muted);line-height:1.5}.uploader button,.summary button,.download-link,.secondary{border:0;border-radius:8px;min-height:46px;padding:0 17px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.summary{margin:18px 0 30px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:center}.summary div:not(.summary-actions){background:#f4f7ea;border:1px solid #dde7cd;border-radius:8px;padding:12px}.summary span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.summary strong{display:block;margin-top:4px;font-size:22px}.summary-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.summary-actions button{background:#2b6044}.summary-actions button:first-child,.summary-actions button:last-child{background:#edf2df;color:var(--ink);border:1px solid #cdd9c0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}.section-heading h2{margin:0;font-size:28px}.empty{padding:30px;text-align:center;color:var(--muted);display:grid;gap:8px}.empty strong{color:var(--ink);font-size:20px}.image-list{display:grid;gap:18px}.image-card{padding:18px;display:grid;grid-template-columns:minmax(260px,1fr) 280px;gap:18px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-box{background:#eef3e2;border:1px solid #dce6cd;border-radius:8px;padding:10px;min-width:0}.preview-box img{width:100%;height:230px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid #e1e4d8}.preview-box span{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#62715b;font-weight:850}.image-meta{display:grid;align-content:start;gap:12px}.image-meta h3{margin:0;font-size:20px;word-break:break-word}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{border:1px solid #dbe4ce;border-radius:8px;background:#f7faef;padding:10px}.stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#66765d;font-weight:850}.stat strong{display:block;margin-top:4px;font-size:17px}.status{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.status.error{color:#9c2f25}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#edf2df;color:var(--ink);border:1px solid #cad7be}.download-link{background:var(--yellow);color:var(--ink)}.footer-dot{margin:0 8px;color:#afbb95}@media(max-width:900px){.hero{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.summary-actions{grid-column:1/-1;justify-content:stretch}.summary-actions button{flex:1}.image-card{grid-template-columns:1fr}.preview-box img{height:200px}}@media(max-width:560px){main{padding:22px 16px 0}.hero>div,.settings,.uploader,.summary,.image-card{padding:18px}.uploader{grid-template-columns:1fr}.upload-copy{align-items:flex-start}.upload-copy>span{width:46px;height:46px;font-size:23px}.preview-grid,.summary{grid-template-columns:1fr}.section-heading h2{font-size:24px}.hero h1{font-size:36px}.stats{grid-template-columns:1fr}.card-actions a,.card-actions button{width:100%}}