.reference-picker{margin:18px 0;padding:20px;border:1px solid var(--line,#35404c);border-radius:8px;background:var(--soft,#171f28);color:var(--ink,#e9eef5);min-width:0}
.reference-picker *{box-sizing:border-box}.reference-closed{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.reference-closed>span,.reference-heading p,.reference-note,.reference-empty p{color:var(--muted,#b3c1cf);font-size:13px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.reference-heading h3{font-size:17px;margin:0}.reference-heading p{margin:7px 0 0}.reference-button{appearance:none;border:1px solid var(--line,#435160);background:var(--surface,#202b36);color:var(--ink,#e9eef5);border-radius:5px;font:inherit;font-size:13px;font-weight:600;padding:9px 13px;min-height:40px;cursor:pointer;white-space:nowrap}.reference-button:hover{border-color:var(--accent,#ffb984)}.reference-button:focus-visible,.reference-picker input:focus-visible,.reference-picker textarea:focus-visible{outline:2px solid var(--accent,#ffb984);outline-offset:3px}.reference-button:disabled{opacity:.5;cursor:default}.reference-primary{background:var(--accent,#ffb984);border-color:var(--accent,#ffb984);color:#251c12}.reference-tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.reference-tabs .reference-button[aria-pressed=true]{background:#3c3025;border-color:var(--accent,#ffb984);color:var(--accent,#ffb984)}.reference-search>label,.reference-preview>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--ink,#e9eef5)}.reference-search>div{display:flex;gap:8px}.reference-search input{width:0;flex:1;min-width:0;border:1px solid var(--line,#435160);border-radius:5px;background:var(--bg,#101419);color:var(--ink,#e9eef5);font:inherit;font-size:15px;padding:10px 12px}.reference-note{margin:12px 0}.reference-status,.reference-count{font-size:13px;color:var(--muted,#b3c1cf);margin:18px 0 10px}.reference-results{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid var(--line,#35404c)}.reference-results>li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,#35404c)}.reference-results>li>div{min-width:0}.reference-results strong{font-size:14px;display:block;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.reference-results span{display:block;font-size:12px;color:var(--muted,#b3c1cf);margin-top:4px}.reference-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.reference-pagination span{font-size:13px;color:var(--muted,#b3c1cf)}.reference-empty{padding:26px 0 14px}.reference-empty strong{font-size:14px;line-height:1.7;display:block}.reference-empty p{margin:8px 0 14px}.reference-preview{border-top:1px solid var(--line,#35404c);padding-top:16px}.reference-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.reference-preview-heading h4{margin:0;font-size:16px}.reference-preview-heading>span{font-size:13px;color:var(--muted,#b3c1cf)}.reference-preview textarea{display:block;width:100%;min-width:0;resize:vertical;border:1px solid var(--line,#435160);border-radius:5px;padding:14px;background:var(--bg,#101419);color:var(--ink,#e9eef5);font:inherit;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.reference-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.reference-error{color:#ffbcac;font-size:13px;line-height:1.8;margin:14px 0 0;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:500px){.reference-picker{padding:15px 13px}.reference-heading{gap:10px}.reference-heading p{font-size:12px}.reference-tabs{gap:6px}.reference-tabs .reference-button{font-size:12px;padding-inline:9px;flex:1}.reference-heading>.reference-button{min-height:38px;padding:8px 10px}.reference-search input,.reference-preview textarea{font-size:16px}.reference-results>li{gap:10px}.reference-results .reference-button{padding-inline:12px;min-height:44px}.reference-preview-heading{align-items:flex-start}.reference-actions .reference-button{min-height:44px}}