:root{--green:#082d27;--lime:#dfff67;--paper:#f4f7f5;--line:#d8e2dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font-family:system-ui,"Noto Sans Thai",sans-serif}button,input,select{font:inherit}button{cursor:pointer}main{min-height:100dvh;padding-bottom:78px}.camera{position:relative;height:calc(100dvh - 78px);background:#061b18;overflow:hidden}.camera video,.camera img{width:100%;height:100%;object-fit:cover}.frame{position:absolute;width:68vw;max-width:430px;aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%);border:3px solid white;border-radius:30px;box-shadow:0 0 0 999px #0004}.top{position:absolute;z-index:2;left:18px;right:18px;top:max(18px,env(safe-area-inset-top));display:flex;justify-content:space-between;color:white}.brand{font-size:24px;font-weight:800}.badge{background:var(--lime);color:var(--green);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800}.shoot{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;border:7px double white;background:#2c9ae8;font-size:0}.pick{position:absolute;z-index:3;bottom:40px;left:20px;border:0;border-radius:12px;padding:11px 15px}.status{position:absolute;z-index:3;bottom:125px;left:20px;right:20px;color:white;text-align:center}.results,.detail,.search{max-width:760px;margin:auto;padding:22px 18px}.card{display:flex;width:100%;gap:14px;align-items:center;text-align:left;background:white;color:var(--green);border:1px solid var(--line);border-radius:18px;padding:13px;margin:10px 0}.card img{width:82px;height:82px;object-fit:contain}.card strong,.card small{display:block}.pricebox,.section{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;margin:14px 0}.prices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.price{background:#eef4ea;border-radius:15px;padding:13px}.price b{display:block;font-size:21px}.parts{display:grid;gap:8px}.part{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;border:0;border-radius:13px;padding:9px;background:#f2f6f3;text-align:left;color:inherit}.part img{width:58px;height:58px;object-fit:contain}.part em{display:block;color:#3e6a52;font-style:normal}.field{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.primary{border:0;border-radius:12px;padding:14px;background:var(--green);color:white;font-weight:700}nav{position:fixed;z-index:9;left:0;right:0;bottom:0;height:78px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}nav button,nav a{border:0;background:none;color:var(--green);text-decoration:none;display:grid;place-content:center;text-align:center;font-size:24px}nav small{font-size:12px}.back{border:0;background:none;color:inherit;padding:0}.muted{color:#66786f}.loading{padding:40px;text-align:center}@media(min-width:800px){.camera{max-width:760px;height:760px;margin:auto}.frame{width:430px}}