/* 对话 @ 与关系图谱中心资产共用的数字资产选择器。宿主只负责弹窗定位和打开/关闭。 */
.eca-asset-picker{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;color:#1f2937}
.ref-panel.eca-asset-picker:not(.show){display:none}.ref-panel.eca-asset-picker.show{display:flex}
.arp-search-wrap{position:relative;padding:16px 18px 0;flex:0 0 auto}
.arp-search-icon{position:absolute;left:33px;top:31px;width:14px;height:14px;border:1.8px solid #8a96a8;border-radius:50%;pointer-events:none}
.arp-search-icon:after{content:"";position:absolute;width:6px;height:1.8px;background:#8a96a8;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}
.eca-asset-picker .arp-search{width:100%;height:48px;border:1px solid #a9bde9;border-radius:12px;padding:0 15px 0 42px;outline:none;background:#fff;color:#242933;font:inherit;font-size:15px;box-shadow:0 0 0 3px #eef4ff;transition:border-color .15s,box-shadow .15s}
.eca-asset-picker .arp-search:focus{border-color:#4c7cf3;box-shadow:0 0 0 3px #e5edff}
.arp-search::-webkit-search-cancel-button{cursor:pointer}
.arp-tabs{display:flex;gap:0;margin:11px 16px 0;border-bottom:1px solid #e8edf4;overflow-x:auto;scrollbar-width:none;flex:0 0 44px}
.arp-tabs::-webkit-scrollbar{display:none}
.arp-tab{position:relative;flex:0 0 auto;height:44px;padding:0 14px;border:0;background:transparent;color:#5e6777;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.arp-tab:hover{color:#245eea}.arp-tab.active{color:#245eea;font-weight:700}
.arp-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:#386fee}
.arp-carriers{display:flex;gap:8px;padding:10px 18px 4px;overflow-x:auto;flex:0 0 auto}
.arp-carriers[hidden]{display:none}
.arp-carrier{height:29px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f7f9fc;color:#667085;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.arp-carrier:hover{border-color:#b9caf4;color:#245eea}.arp-carrier.active{border-color:#c5d4ff;background:#edf3ff;color:#245eea;font-weight:700}
.arp-list{min-height:0;flex:1;overflow:auto;padding:9px 16px 16px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain;scrollbar-gutter:stable}
.arp-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;gap:12px}
.arp-list.grid.paged-media{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:118px;gap:10px}
.arp-empty{padding:38px 12px;text-align:center;color:#98a2b3;grid-column:1/-1}.arp-empty.error{color:#dc2626}
.arp-row{width:100%;min-height:62px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left;color:#273244;cursor:pointer}
.arp-row:hover{background:#f4f7fc;border-color:#eaf0fb}.arp-row.is-selected{background:#eff5ff;border-color:#b9cdfa}
.arp-type{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;height:24px;padding:0 8px;border-radius:7px;background:#eef3ff;color:#315fcb;font-size:11px;font-weight:700}
.arp-type.type-video,.arp-type.type-material{background:#f2edff;color:#7047c8}.arp-type.type-audio{background:#edf9f4;color:#187c5b}
.arp-type.type-script,.arp-type.type-graphic_text{background:#fff5e8;color:#a95f13}.arp-type.type-role,.arp-type.type-audience{background:#fff0f5;color:#b13d68}
.arp-type.type-knowledge{background:#eaf8f2;color:#14815f}.arp-type.type-workflow{background:#fdebf1;color:#b43f68}.arp-type.type-skill{background:#edf3f7;color:#4c697e}
.arp-mini,.arp-symbol{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:9px;overflow:hidden;background:#eef2f7;display:grid;place-items:center}
.arp-mini img{width:100%;height:100%;object-fit:cover}.arp-symbol{font-size:16px;font-weight:800;color:#64748b}
.arp-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.arp-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#1f2937}
.arp-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#8a94a5}
.arp-id{max-width:170px;overflow:hidden;text-overflow:ellipsis;color:#9aa4b2;font-size:11px;white-space:nowrap}
.arp-selected{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#2f6fed;color:#fff;font-size:12px;font-weight:800}
.arp-card{min-width:0;padding:0 0 9px;overflow:hidden;border:1px solid #e3e8f0;border-radius:11px;background:#fff;text-align:left;cursor:pointer}
.arp-card:hover{border-color:#b8caf4;box-shadow:0 6px 18px #19345f12}.arp-card.is-selected{border-color:#2f6fed;box-shadow:0 0 0 2px #dce8ff}
.arp-card-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;background:#eef2f7;overflow:hidden}
.arp-card-media img{width:100%;height:100%;object-fit:cover}.arp-card-media .arp-type{position:absolute;left:7px;top:7px;background:#111827cc;color:#fff}
.arp-card>b,.arp-card>small{display:block;margin:8px 9px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arp-card>b{font-size:13px;color:#202938}.arp-card>small{margin-top:3px;font-size:11px;color:#8b96a8}
.arp-placeholder{font-size:24px;font-weight:800;color:#72809a}.arp-play{position:absolute;right:7px;bottom:7px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#111827b8;color:#fff;font-size:10px}
.arp-list.paged-media .arp-card{display:block;height:118px;padding-bottom:5px}.arp-list.paged-media .arp-card-media{height:84px;aspect-ratio:auto}
.arp-list.paged-media .arp-card>b{margin:6px 7px 0;font-size:12px}.arp-list.paged-media .arp-card>small{display:none}
.arp-list.paged-media .arp-card-media .arp-type{left:5px;top:5px;min-width:0;height:19px;padding:0 5px;font-size:10px}
.arp-load-more{grid-column:1/-1;min-height:34px;display:grid;place-items:center;color:#7d899b;font-size:12px}
.arp-more-button{width:100%;border:0;border-radius:8px;background:#f7f9fc;cursor:pointer}.arp-more-button:hover{background:#edf3ff;color:#245eea}
@media(max-width:900px){
  .arp-tabs{margin-left:8px;margin-right:8px}.arp-tab{padding:0 10px}
  .arp-list.grid,.arp-list.grid.paged-media{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arp-list.grid.paged-media{grid-auto-rows:118px}.arp-list.paged-media .arp-card{height:118px}
  .arp-list.paged-media .arp-card-media{height:84px;aspect-ratio:auto}
  .arp-id{display:none}
}
