.reference-flow { margin: 24px 0; border-top: 1px solid #e5dfd6; padding-top: 22px; }
.reference-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.reference-card { border:1px solid #ded7ce; border-radius:14px; padding:16px; min-width:0; background:#faf8f3; }
.reference-card label { display:block; font-weight:650; }
.reference-card input { display:block; margin-top:10px; max-width:100%; font-size:13px; }
.reference-card img { width:100%; height:180px; object-fit:contain; background:#eae6df; border-radius:8px; }
.reference-card p { overflow-wrap:anywhere; }
.reference-help { font-size:13px; line-height:1.7; color:#655f55; }
.reference-flow button { margin:8px 8px 8px 0; }
.reference-flow pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; padding:12px; background:#f6f3ed; }
.reference-review { border-left:3px solid #ff6545; padding-left:15px; }
.reference-review:empty { display:none; }
.reference-flow dialog { max-width:560px; max-height:85vh; overflow:auto; border:1px solid #ddd; border-radius:18px; padding:24px; }
.reference-flow dialog p { line-height:1.8; }
.reference-flow dialog::backdrop { background:#19151188; }
@media(max-width:560px) { .reference-cards { grid-template-columns:1fr; } }