.uia-related{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.uia-related-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.uia-related-head h4{margin:0}.uia-related-head p{margin-top:3px;color:var(--muted);font-size:8px}.uia-related-head button{padding:6px 8px;border:1px solid #d9d5ff;border-radius:7px;background:#f7f6ff;color:#574ec5;font-size:8px;font-weight:700}
.uia-related kbd,.uia-related-dialog kbd{padding:1px 4px;border:1px solid #d8dce5;border-bottom-width:2px;border-radius:4px;background:#fff;color:#5e687b;font:7px var(--mono)}
.uia-related-list{display:flex;gap:6px;margin-top:8px;overflow:auto;padding-bottom:2px}.uia-related-list>p{margin:2px 0;color:var(--muted);font-size:9px}.uia-related-list>button{flex:0 0 155px;min-width:0;padding:7px 8px;border:1px solid #e1e4ec;border-radius:8px;background:#fff;color:var(--ink);text-align:left}.uia-related-list>button:hover{border-color:#aaa4ed}.uia-related-list span,.uia-related-list b,.uia-related-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uia-related-list span{color:#665ddb;font-size:7px;font-weight:800}.uia-related-list b{margin-top:2px;font-size:9px}.uia-related-list small{margin-top:2px;color:var(--muted);font-size:7px}
.uia-related-dialog{width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));padding:0;overflow:hidden;border:1px solid #dfe3ec;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #12182b38}.uia-related-dialog::backdrop{background:#11182770}.uia-related-dialog form{display:flex;max-height:inherit;flex-direction:column}.uia-related-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 10px}.uia-related-dialog h3{margin:0;font-size:16px}.uia-related-dialog header p{margin-top:3px;color:var(--muted);font-size:9px}.uia-related-dialog header button{border:0;background:transparent;color:#657087;font-size:9px}.uia-related-dialog input{margin:0 16px 10px;min-height:40px;font-size:11px}.uia-related-dialog [role=listbox]{min-height:120px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.uia-related-dialog [role=option]{display:grid;grid-template-columns:80px minmax(160px,.8fr) minmax(220px,1.2fr);align-items:center;gap:10px;width:100%;padding:9px 16px;border:0;border-bottom:1px solid #eef0f4;background:#fff;color:inherit;text-align:left}.uia-related-dialog [role=option].active{background:#f1f0ff}.uia-related-dialog [role=option] span{color:#665ddb;font-size:8px;font-weight:800}.uia-related-dialog [role=option] b,.uia-related-dialog [role=option] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uia-related-dialog [role=option] b{font-size:10px}.uia-related-dialog [role=option] small{color:var(--muted);font-size:8px}.uia-related-dialog footer{display:flex;gap:14px;padding:9px 16px;color:var(--muted);font-size:8px}.uia-related-dialog footer span{display:flex;align-items:center;gap:4px}.uia-related-empty{padding:28px;color:var(--muted);font-size:10px;text-align:center}
.uia-preview-hotspots{position:absolute;z-index:2;inset:7px;overflow:hidden;border-radius:25px;pointer-events:none}.uia-preview-hotspot{position:absolute;min-width:0;min-height:0;padding:0;border:1px dashed #6258e766;border-radius:5px;background:#6258e70f;color:#312a91;cursor:pointer;pointer-events:auto}.uia-preview-hotspot:hover,.uia-preview-hotspot:focus-visible{z-index:3;border-style:solid;border-color:#5148d8;background:#6258e72e;outline:2px solid #fff;outline-offset:1px}.uia-preview-hotspot span{position:absolute;left:50%;bottom:calc(100% + 4px);min-width:max-content;max-width:150px;padding:4px 6px;opacity:0;border-radius:5px;background:#211b55;color:#fff;font-size:7px;font-weight:700;line-height:1.3;pointer-events:none;transform:translateX(-50%);transition:opacity .12s ease}.uia-preview-hotspot:hover span,.uia-preview-hotspot:focus-visible span{opacity:1}
@media(max-width:720px){.uia-related-dialog [role=option]{grid-template-columns:72px 1fr}.uia-related-dialog [role=option] small{grid-column:2}.uia-related-list>button{flex-basis:140px}}