.reference-panel{margin-bottom:28px;border:1px solid #dcd0f6;background:linear-gradient(145deg,#faf7ff,#fff 70%);overflow:hidden}.reference-panel>h2{max-width:680px;font-size:clamp(24px,4vw,34px);line-height:1.15}.reference-panel>p{max-width:740px}.reference-steps{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:8px 0}.reference-steps li{display:flex;align-items:center;gap:8px;font-size:14px}.reference-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eee5ff;color:#5c2baa}.reference-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-previews figure{margin:0;min-width:0}.reference-previews img{width:100%;height:180px;object-fit:contain;border-radius:12px;background:#ede9f1}.reference-previews figcaption{text-align:center;font-size:12px;margin:6px}.reference-panel textarea{width:100%;resize:vertical}.reference-saved{padding:20px;border-radius:16px;background:#f0f7f2}.reference-panel .form-error:empty{display:none}@media(max-width:600px){.reference-panel{padding:20px 16px}.reference-steps{display:grid;gap:9px}.reference-previews img{height:145px}.reference-panel .btn{min-height:46px;white-space:normal}.reference-saved .row{display:grid}.reference-saved{padding:16px}.reference-panel .check-row{align-items:flex-start}}