.reference-composer{margin:0 0 10px}.reference-actions{display:flex;flex-wrap:wrap;gap:8px}.reference-actions>button{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #d6e1c8;background:#f4f7ed;border-radius:10px;color:var(--primary);font-size:11px}.reference-actions svg{width:15px;height:15px}.reference-selected{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.reference-selected>span{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:5px 7px 5px 9px;background:#e4edda;border:1px solid #d1ddc0;border-radius:8px}.reference-selected i{display:flex;flex:none}.reference-selected svg{width:13px;height:13px}.reference-selected b{font-size:11px;font-weight:500;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reference-selected button{display:flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:3px;color:#6e845b}.reference-share-hint{font-size:10px;color:#839672;line-height:1.7;margin:7px 0 0}.reference-picker-overlay{position:fixed;inset:0;z-index:110;background:#102d2766;display:flex;justify-content:center;align-items:flex-end;padding:12px;overscroll-behavior:contain}.reference-picker{box-sizing:border-box;width:min(100%,430px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--bg);color:var(--primary);border:1px solid #d4dfc9;border-radius:22px 22px 16px 16px;box-shadow:0 10px 45px #102d2745;overflow:hidden}.reference-picker>header{display:flex;align-items:flex-start;gap:10px;padding:20px 18px 14px}.reference-picker>header>div{flex:1;min-width:0}.reference-picker h2{font-size:19px;margin:0 0 8px}.reference-picker>header p{font-size:11px;line-height:1.8;color:#82936f;margin:0}.reference-picker .icon-button{width:30px;height:30px;flex:none}.reference-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin:0 16px 12px;background:#e5ecda;border-radius:12px}.reference-picker-tabs>button{min-height:38px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;border-radius:9px}.reference-picker-tabs svg{width:16px;height:16px}.reference-picker-tabs>button.active{background:var(--primary);color:var(--accent)}.reference-picker-list{overflow-y:auto;min-height:120px;max-height:52dvh;overscroll-behavior:contain;padding:0 15px;display:flex;flex-direction:column;gap:8px}.reference-option{display:flex;align-items:center;gap:10px;min-height:78px;border:1px solid #dfe6d5;border-radius:12px;padding:10px;background:#fff;width:100%;text-align:left;color:var(--primary);flex:none}.reference-option.selected{border-color:#9bb578;background:#eaf1df;box-shadow:inset 0 0 0 1px #9bb578}.reference-option>img{height:52px;width:52px;object-fit:cover;border-radius:9px;flex:none}.reference-option>span{min-width:0;flex:1}.reference-option strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.reference-option small{display:block;font-size:11px;line-height:1.6;color:#839672;margin-top:4px;overflow-wrap:anywhere}.reference-option>i{display:flex;flex:none}.reference-option>i svg{width:20px;height:20px}.reference-option.selected>i{color:#5c7c3c}.reference-empty{padding:30px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#82936f;font-size:12px;line-height:1.8;gap:10px;min-height:140px}.reference-empty>svg{width:32px;height:32px}.reference-empty p{margin:0}.reference-picker>footer{display:flex;align-items:center;justify-content:space-between;padding:15px 18px max(15px,env(safe-area-inset-bottom));gap:10px;border-top:1px solid #e0e6d7;margin-top:12px}.reference-picker>footer>span{font-size:12px;color:#7f936c}.reference-picker>footer>.btn{padding:9px 18px;font-size:13px}.reference-picker-pages{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 12px 0;font-size:11px}.reference-picker-pages button{padding:7px 10px;border:1px solid #d9e2cd;border-radius:8px}.chat-reference-cards{display:grid;gap:7px;margin-top:10px;max-width:100%}.chat-reference{border:1px solid #d3dfc8;border-radius:11px;background:#f5f8ef;color:var(--primary);min-width:0;text-align:left;overflow:hidden}.chat-reference>summary{display:flex;align-items:center;gap:9px;padding:10px;cursor:pointer;list-style:none}.chat-reference>summary::-webkit-details-marker{display:none}.chat-reference>summary>img{width:44px;height:48px;object-fit:cover;border-radius:7px;flex:none}.chat-reference>summary>span{min-width:0;flex:1}.chat-reference>summary small{display:block;font-size:9px;color:#80976b;margin-bottom:3px}.chat-reference>summary strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.chat-reference>summary>span>span{display:block;font-size:10px;line-height:1.6;color:#81936d;margin-top:2px}.chat-reference>summary>svg{width:15px;height:15px;flex:none;color:#8b9f7a;transition:transform .15s}.chat-reference[open]>summary>svg{transform:rotate(180deg)}.chat-reference-details{padding:12px;border-top:1px solid #dce5d1;background:#fbfcf8;font-size:11px;line-height:1.8}.chat-reference-details dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.chat-reference-details dl>div{min-width:0}.chat-reference-details dt{font-size:10px;color:#8b9c79}.chat-reference-details dd{margin:2px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-reference-details h4{font-size:11px;font-weight:650;margin:12px 0 4px}.chat-reference-details p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9}.chat-reference-details ul{list-style:none;margin:0;padding:0}.chat-reference-details li{padding:7px 0;border-bottom:1px solid #e1e8d9}.chat-reference-details li:last-child{border:0}.chat-reference-details time{font-size:10px;color:#8a9d76;margin-left:9px}.reference-snapshot-hint{display:block;color:#90a080;font-size:9px;line-height:1.7;margin-top:10px}.ref-category{display:inline-block;font-size:10px;color:#7c9267}.ref-price{float:right;font-size:13px}.miniapp-client .support-composer>.reference-composer{display:block}.miniapp-client .support-composer .reference-actions{display:flex;justify-content:flex-start}.miniapp-client .support-composer .reference-actions button{font-size:11px}.miniapp-client .support-composer .reference-selected{justify-content:flex-start}.miniapp-client .support-composer .reference-selected button{padding:3px;min-width:26px}.support-message .chat-reference-cards{width:100%}.support-message.own .chat-reference{background:#f1f6e9}
@media(min-width:601px){.reference-picker-overlay{align-items:center}.reference-picker{border-radius:20px}}@media(max-width:350px){.reference-picker-overlay{padding:6px}.reference-picker>header{padding:16px 13px 12px}.reference-picker-tabs{margin:0 12px 10px}.reference-picker-list{padding:0 10px}.reference-option{gap:8px;padding:8px}.reference-option>img{width:44px;height:48px}.reference-option strong{font-size:12px}.reference-selected b{max-width:180px}}