*{box-sizing:border-box}body{margin:0;background:#f5f3ec;color:#222e25;font-family:"Microsoft JhengHei",system-ui,sans-serif}header{padding:17px max(5vw,calc((100vw - 1040px)/2));background:#193d32;color:white;font-weight:750;white-space:nowrap;display:flex;align-items:center;gap:10px}.logo{font: bold 28px/32px Georgia;text-align:center;background:#d9ea8e;border-radius:8px;color:#193d32;width:34px}main{max-width:1080px;padding:42px 20px 60px;margin:auto}h1{font-size:clamp(30px,4vw,54px);letter-spacing:-.05em;margin:0}.intro,#product,#status,details{color:#526057}.intro{margin:10px 0 30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}section{background:#fffefa;padding:24px;border:1px solid #d9dbcf;border-radius:18px}h2{margin:0 0 18px;font-size:22px}.photo{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1.55;background:#132c24}.photo img,.photo video{width:100%;height:100%;object-fit:cover;object-position:center 27%}.photo small{position:absolute;left:12px;bottom:12px;background:#20392de8;color:white;padding:5px 10px;border-radius:5px}.frame{pointer-events:none;position:absolute;inset:13% 10%;border:2px solid #fffa;border-radius:12px}.actions,.fields,#presets{display:flex;gap:8px}.actions{margin-top:16px}.actions button{flex:1}button,input{font:inherit}button{cursor:pointer;border:1px solid #bac5b6;border-radius:8px;padding:10px;background:#fffefa;color:#20392c}#camera{background:#245440;color:white}.link{border:0;padding:4px 0;text-decoration:underline;background:none}#status,#product{font-size:14px;overflow-wrap:anywhere}fieldset{border:0;padding:0;margin:17px 0}legend{font-weight:700;margin-bottom:8px}label{display:block;flex:1;min-width:0;color:#57635a;font-size:13px}input{display:block;width:100%;border:1px solid #bac5b6;border-radius:6px;padding:9px;color:#21372a;font-size:18px;background:white}input[hidden],[hidden]{display:none!important}#presets{flex-wrap:wrap;margin-top:8px}#presets button{font-size:13px;padding:5px 10px}button[aria-pressed=true]{background:#dce9cc;border-color:#53745b}.result{padding:16px 20px;border-radius:11px;background:#e2edbc;color:#233e2b}.result span{font-size:14px}output{display:block;font-weight:750;font-size:clamp(28px,3.6vw,45px)}details{font-size:13px;margin-top:14px}summary{cursor:pointer}@media(max-width:720px){.grid{grid-template-columns:1fr}main{padding-top:26px}section{padding:18px}}
footer{margin-top:24px;color:#526057;font-size:14px}footer a,main a{color:#245440}footer button{margin:4px}#analytics-choice{padding:14px;background:#fffefa;border-radius:10px}
#analytics-choice {
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: max(12px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(360px, calc(100% - 24px));
  border: 1px solid #bac5b6;
  box-shadow: 0 4px 20px #193d3224;
}
#analytics-choice p { margin: 0 0 8px; }
#analytics-choice button { margin: 0 6px 0 0; }
#analytics-settings { background: transparent; border: 0; text-decoration: underline; color: #245440; }