:root{--green:#0f432f;--dark:#052f22;--gold:#c9a14c;--cream:#fffaf0}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--dark);color:var(--cream);font-family:Georgia,serif}.photo-page{min-height:100vh;padding:52px 18px 28px;background:linear-gradient(rgba(5,47,34,.85),rgba(5,47,34,.96)),url('../img/footer-jungle.webp') center bottom/cover fixed;text-align:center}.photo-heading{max-width:800px;margin:auto}.kicker{color:#e3c67f;letter-spacing:.18em;font:700 13px/1.5 system-ui}.dinosaur{font-size:50px;margin:18px 0}h1{font-size:clamp(32px,6vw,58px);line-height:1.1;font-weight:700;margin:0 0 22px}.photo-heading>p:last-child{font:18px/1.5 system-ui}.upload-card{max-width:620px;margin:32px auto;padding:32px;background:var(--cream);border:2px solid var(--gold);border-radius:26px;color:var(--dark);box-shadow:0 18px 50px #0004;font-family:system-ui}.intro{line-height:1.7}.btn-photo{display:block;border:2px solid var(--gold);border-radius:999px;width:100%;padding:16px 24px;background:var(--green);color:white;font-weight:750;font-size:19px;cursor:pointer}.btn-photo:hover{background:var(--dark)}.btn-photo:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.btn-photo:disabled{opacity:.6;cursor:wait}.limits{font-size:12px;color:#57665c;line-height:1.7;margin:16px 0 0}form{text-align:left;margin-top:26px}label{font-weight:700;margin-bottom:8px}label span{font-weight:400;color:#69756d}.form-control{padding:13px}.previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.preview{position:relative;border:1px solid #d9d7c9;border-radius:12px;overflow:hidden;background:#ececdf}.preview img{width:100%;aspect-ratio:1;object-fit:cover}.preview .fallback{display:grid;place-items:center;aspect-ratio:1;padding:10px;text-align:center;font-size:12px}.preview small{display:block;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.preview button{position:absolute;right:4px;top:4px;border:0;border-radius:50%;background:white;color:#052f22;width:28px;height:28px}.preview.done{border:3px solid #2c794d}.preview.failed{border:3px solid #ae3434}#feedback{white-space:pre-line;font-size:14px;margin:18px 0 0}.trap{position:absolute;left:-10000px}progress{display:block;width:100%;accent-color:var(--green);height:22px}#progress-panel{margin-top:20px}.success-mark{font-size:48px;color:var(--green)}h2{font:700 38px Georgia,serif}footer{font:12px system-ui;color:#d9cda9}@media(max-width:560px){.photo-page{padding-top:30px}.upload-card{padding:24px 18px}.previews{gap:8px}}
.dinosaur img{width:48px;height:48px;filter:brightness(0) saturate(100%) invert(74%) sepia(39%) saturate(490%) hue-rotate(2deg) brightness(94%) contrast(90%)}