.hrt-long-text-preview { display: inline-block; width: 100%; max-width: 100%; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--el-color-primary); font: inherit; line-height: inherit; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; cursor: pointer; }
.hrt-long-text-preview:focus-visible, .hrt-long-text-close:focus-visible { outline: 2px solid var(--el-color-primary); outline-offset: 2px; border-radius: 3px; }
.hrt-short-text { overflow-wrap: anywhere; }
.hrt-long-text-popover.el-popover { max-width: calc(100vw - 40px) !important; box-sizing: border-box; padding: 12px; }
.hrt-long-text-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: var(--el-text-color-primary); }
.hrt-long-text-close { flex: none; border: 0; background: transparent; font: inherit; font-size: 22px; color: var(--el-text-color-secondary); cursor: pointer; width: 36px; height: 36px; }
.hrt-long-text-full { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; max-height: min(360px, 45dvh); overflow: auto; overscroll-behavior: contain; color: var(--el-text-color-primary); }
.hrt-long-text-anchor { display: inline-block; max-width: 100%; min-width: 0; width: 100%; }
.hrt-long-text-popover { z-index: 4000; box-sizing: border-box; padding: 12px; border: 1px solid var(--el-border-color-light); border-radius: 6px; background: var(--el-bg-color-overlay, #fff); box-shadow: var(--el-box-shadow-light, 0 4px 16px #0002); display: flex; flex-direction: column; font-family: var(--el-font-family, system-ui, sans-serif); font-size: 14px; }
.hrt-long-text-header { flex: none; }
.hrt-long-text-full { min-height: 0; max-height: none; flex: 1; }