.source-reference-dialog { width: min(680px, calc(100vw - 32px)); color: var(--ink); background: var(--paper); }
.source-reference-label { display: flex; align-items: center; gap: 10px; color: var(--accent); font-size: 9px; font-weight: 650; letter-spacing: 1.1px; margin-bottom: 15px; }
.source-reference-label svg { width: 20px; height: 20px; }
.source-reference-body h3 { font: 650 23px/1.4 var(--heading, sans-serif); letter-spacing: -.6px; overflow-wrap: anywhere; }
.source-reference-context { margin: 9px 0 21px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.source-reference-status { padding: 19px 20px; background: var(--soft); border: 1px solid var(--line); border-radius: 11px; }
.source-reference-status strong { display: block; font-size: 13px; font-weight: 600; }
.source-reference-status p { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.source-reference-citation, .source-reference-address { margin-top: 24px; }
.source-reference-body h4 { margin: 0 0 9px; font-size: 10px; letter-spacing: .8px; font-weight: 650; text-transform: uppercase; color: var(--muted); }
.source-reference-citation p { font-size: 12px; line-height: 1.85; color: var(--ink); overflow-wrap: anywhere; }
.source-reference-address code { display: block; padding: 14px 15px; background: var(--soft); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; font: 11px/1.8 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; white-space: normal; user-select: all; }
.source-reference-address p { margin-top: 10px; color: var(--muted); font-size: 11px; line-height: 1.8; }
.source-reference-feedback { color: var(--accent); font-size: 12px; line-height: 1.7; margin-top: 16px; min-height: 0; }
.source-reference-feedback:empty { display: none; }
.source-reference-copy-fallback { display: block; width: 100%; min-height: 160px; margin-top: 12px; padding: 13px; border: 1px solid var(--theme-border, var(--line)); border-radius: 8px; color: var(--ink); background: var(--paper); font: 12px/1.7 var(--sans, sans-serif); }
.source-reference-copy-fallback[hidden] { display: none; }
.source-reference-actions { justify-content: space-between; gap: 12px; }
.source-reference-actions svg { width: 16px; height: 16px; }
@media (max-width: 599px) { .source-reference-body h3 { font-size: 20px; } .source-reference-status { padding: 16px; } .source-reference-actions { flex-wrap: wrap; } .source-reference-actions > button { flex: 1; } }