*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#fff;color:#111;font:16px system-ui,-apple-system,"Microsoft YaHei",sans-serif;display:grid;place-items:center}main{width:min(100%,440px);padding:28px 22px max(28px,env(safe-area-inset-bottom));display:grid;gap:24px}.camera{position:relative;aspect-ratio:1;background:#121212;border-radius:24px;overflow:hidden;isolation:isolate}video{position:absolute;width:100%;height:100%;object-fit:cover}.guide{position:absolute;inset:17%;border:2px solid #ffffffb3;border-radius:18px;pointer-events:none}.camera.success .guide{border-color:#45df94;box-shadow:0 0 0 5px #45df942b}.feedback{position:absolute;left:7%;right:7%;bottom:8%;padding:13px 15px;border-radius:14px;background:#191919ed;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:14px;line-height:1.6;z-index:2}.feedback.ok{background:#145e3bf0}.feedback.error{background:#842b2bf0}#feedbackIcon{font-size:21px;font-weight:700;flex:none}button{border:0;border-radius:16px;background:#111;color:#fff;width:100%;padding:17px;font:inherit;font-weight:650;cursor:pointer;min-height:56px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}#gallery{background:#fff;color:#111;box-shadow:inset 0 0 0 1px #d5d5d5}