.photo-field{margin:0 0 20px}.photo-field.invalid .photo-upload-box{border-color:#d71920;box-shadow:0 0 0 4px rgba(215,25,32,.08)}.photo-upload-box{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px dashed #aebbc7;border-radius:18px;background:linear-gradient(145deg,#f8fafc,#eef3f7);cursor:pointer;transition:.18s border,.18s box-shadow,.18s transform}.photo-upload-box:hover{border-color:#738ba1;transform:translateY(-1px)}.photo-upload-box input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-preview{width:92px;height:112px;border-radius:16px;overflow:hidden;background:#dfe8ef;display:grid;place-items:center;border:1px solid #cfd9e1;position:relative}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.photo-preview img[hidden]{display:none}.photo-placeholder{font-size:34px;color:#718293;font-weight:900}.photo-preview.has-photo .photo-placeholder{display:none}.photo-copy{min-width:0}.photo-copy b{display:block;font-size:14px;color:#172432;margin-bottom:5px}.photo-copy span{display:block;font-size:12px;line-height:1.5;color:#697887}.photo-copy em{display:inline-flex;margin-top:9px;padding:7px 10px;border-radius:10px;background:#17212d;color:#fff;font-style:normal;font-size:11px;font-weight:850}.photo-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.photo-rules span{padding:7px 8px;border-radius:9px;background:#eef7e8;color:#34563a;font-size:10px;font-weight:800;text-align:center}.upload-progress{display:flex;align-items:center;gap:9px;margin-top:10px;color:#687786;font-size:11px;font-weight:750}.upload-progress i{width:8px;height:8px;border-radius:50%;background:#d71920;box-shadow:0 0 0 5px rgba(215,25,32,.09)}@media(max-width:560px){.photo-upload-box{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px}.photo-preview{width:78px;height:96px}.photo-rules{grid-template-columns:1fr}.photo-rules span{text-align:left}}