@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#243c32;background:#f5f2eb;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1280px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ded3}a{color:inherit}.brand{text-decoration:none;font:34px Prata,Georgia,serif}.brand span{display:block;font:11px Manrope,sans-serif;margin-top:8px;letter-spacing:.07em}header>a:last-child{text-decoration:none;font-size:14px}.intro{max-width:900px;padding:58px 0 52px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#78826b}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(36px,5.2vw,66px);margin:22px 0}h1 em{font-style:normal;color:#8a6752}h2{font-size:32px;margin:10px 0 22px}h3{font-size:16px;margin:0 0 18px}p{line-height:1.7}.intro>p:not(.eyebrow){max-width:590px;color:#627065}.facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.facts span{border:1px solid #d1d8c9;padding:9px 14px;border-radius:30px;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-title>p{font-size:13px;color:#7c6859;max-width:290px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{background:#fffefa;border:1px solid #dedfd5;border-radius:16px;padding:24px;min-width:0}.upload{display:block;background:#edf0e6;padding:18px;border:1px dashed #9eaf98;border-radius:10px;cursor:pointer;font-weight:600}.upload input{display:block;max-width:100%;margin-top:12px}.tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tools label{display:flex;align-items:center;gap:6px;font-size:12px}.tools input{width:90px}button{font:inherit;border:1px solid #b5c1ac;background:transparent;color:#294c39;border-radius:7px;padding:10px 14px;cursor:pointer}button[aria-pressed=true],.primary{background:#294c39;color:#fff;border-color:#294c39}button:disabled{cursor:default;opacity:.55}.hint,#photo-status{font-size:12px;color:#6f796b}.controls fieldset{border:0;padding:0;margin:0}.choice{display:flex;gap:12px;align-items:center;padding:18px 14px;border:1px solid #dce1d5;border-radius:9px;margin-bottom:10px;cursor:pointer}.choice:has(input:checked){background:#edf0e6;border-color:#82977b}.choice strong,.choice small{display:block}.choice strong{font-size:14px}.choice small{font-size:12px;color:#76816f;margin-top:5px}input[type=checkbox],input[type=range]{accent-color:#294c39}.consent{display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.7;margin:22px 0}.access{display:block;font-size:12px}.access input{display:block;width:100%;border:1px solid #c5cdbd;border-radius:6px;padding:12px;margin:8px 0 16px;font:inherit}.primary{width:100%;padding:16px;font-weight:600}#status{font-size:13px;background:#edf0e6;padding:14px;border-radius:7px;white-space:pre-line}#canvas-wrap{position:relative;max-width:100%;margin:18px auto 0}#canvas-wrap[hidden]{display:none}#photo{display:block;width:100%;height:100%}#mask{position:absolute;inset:0;width:100%;height:100%;opacity:.48;touch-action:none;cursor:crosshair}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result{background:#fffefa;border:1px solid #dce1d5;border-radius:12px;padding:15px}.result img{display:block;width:100%;height:auto;border-radius:6px}.result h3{margin:15px 0 8px}.result p{font-size:12px}.result a{display:inline-block;padding:10px 0;font-size:13px}#results-section{padding-top:45px}.package{margin-top:60px;background:#e6e9db;border-radius:20px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.package p{font-size:14px}.package>div{max-width:450px}footer{margin-top:35px;border-top:1px solid #d9ded3;font-size:13px}footer span{display:block;font-size:11px;max-width:740px;color:#7b8374;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #b87b54;outline-offset:3px}@media(max-width:760px){header,main,footer{padding:22px}.workspace,.package{grid-template-columns:1fr}.results{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column;gap:0}.intro{padding:30px 0}.panel{padding:18px}.package{padding:24px;gap:12px}header>a:last-child{font-size:12px;max-width:105px}.brand{font-size:29px}}
