.reference-intake{--muted:#626b5e;border:1px solid var(--line);max-width:760px;color:var(--ink);background:#fff;border-radius:13px;margin-bottom:32px;padding:28px}.reference-intake-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.reference-intake-heading h2{font-size:22px}.reference-intake-heading p{color:var(--muted);margin-top:6px}.reference-intake fieldset{border:0;min-width:0;margin:0;padding:0}.reference-modes{gap:6px;margin-bottom:20px;display:flex}.reference-modes button{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:inline-flex}.reference-modes button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:#eaf0df;font-weight:650}.reference-modes button:hover{background:#eff2ea}.reference-drop{text-align:center;overflow-wrap:anywhere;background:#fafbf7;border:1px dashed #abb6a1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:168px;padding:24px;display:flex}.reference-drop.dragging{border-color:var(--green);background:#eaf0df}.reference-drop strong{max-width:100%}.reference-drop>:is(svg,span){color:var(--muted)}.reference-help{color:var(--muted);max-width:70ch;font-size:13px;line-height:1.55}.reference-upload>.reference-help{margin-top:10px}.reference-saved{margin-top:12px}.reference-saved summary{cursor:pointer;min-height:40px;color:var(--green);padding:8px 0}.reference-fields{gap:20px;margin-top:24px;display:grid}.reference-intake label{flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.reference-intake :is(input,textarea,select){width:100%;caret-color:var(--green);font-size:16px}.reference-intake :is(input,textarea)::placeholder{color:var(--muted)}.reference-field{gap:8px;display:grid}.reference-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.reference-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.reference-intake button:disabled{opacity:.6;cursor:wait}.reference-error{margin-top:20px}.reference-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;width:1px!important}.reference-media{margin:16px 0}.reference-media .asset-preview{object-fit:contain;background:#edf0e7;width:100%;max-height:280px}.reference-media audio{max-width:100%}.reference-media .text-link{margin-top:8px}.reference-url{overflow-wrap:anywhere}@media (width<=640px){.reference-intake{padding:24px 20px}.reference-scope{grid-template-columns:1fr}.reference-modes button{flex:1;padding:10px}}.reference-files{text-align:left;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.reference-files li{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.reference-files li>svg{color:var(--muted);flex:none}.reference-files li[data-status=saved]>svg{color:var(--green)}.reference-files li[data-status=failed] .reference-file-status{color:#a23a2b}.reference-files strong{overflow-wrap:anywhere;flex:160px;min-width:0}.reference-file-status{color:var(--muted);font-size:13px}.reference-files .text-link{margin-left:auto}.reference-spin{animation:.9s linear infinite reference-spin}@keyframes reference-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reference-spin{animation:none}}
