.id-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.id-card-pair img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px #18213a18}.id-photo-picker{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:center}.id-photo-picker img{width:140px;aspect-ratio:20/26;object-fit:cover;border:1px solid #c9a14a;background:#fff}.id-photo-picker img[hidden]{display:none}.id-photo-picker:has(img[hidden]){grid-template-columns:1fr}.id-photo-picker .actions{justify-content:flex-start}.id-status{color:#8e2a2a;overflow-wrap:anywhere;line-height:1.9}.photo-dialog{border:1px solid #d8ceb8;border-radius:12px;background:#fffaf2;color:#18213a;padding:22px;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;font:14px/1.7 system-ui,"Microsoft JhengHei",sans-serif}.photo-dialog::backdrop{background:#18213a99;backdrop-filter:blur(4px)}.photo-dialog h2{font-size:20px;margin:0 0 8px}.photo-dialog p{color:#596173;font-size:12px}.photo-dialog canvas{display:block;max-width:100%;width:245px;height:auto;margin:14px auto;border:2px solid #c9a14a;touch-action:none;cursor:grab}.photo-dialog label{display:flex;align-items:center;gap:12px}.photo-dialog input[type=range]{flex:1;min-height:44px;accent-color:#18213a}.photo-dialog .btn{font-size:13px;min-height:44px}.photo-dialog .actions{justify-content:flex-start}.id-card-pair+form{margin-top:20px}@media(max-width:700px){.id-card-pair{grid-template-columns:1fr;gap:18px}.id-photo-picker{grid-template-columns:1fr}.id-photo-picker img{margin:auto}.photo-dialog{padding:18px}.photo-dialog .actions{display:grid;grid-template-columns:1fr 1fr}.photo-dialog .actions>.btn:first-child{grid-column:1/-1}.photo-dialog .btn{width:100%}}@media print{.photo-dialog{display:none!important}.id-card-pair img{box-shadow:none}}