.lj-history-pager { display: grid; justify-items: center; gap: 8px; min-height: 28px; margin: 4px 0 18px; color: #96929e; font-size: 12px; overflow-anchor: none; }
.lj-history-pager button { border: 0; background: transparent; color: #81798f; font: inherit; cursor: pointer; padding: 7px 14px; border-radius: 18px; }
.lj-history-pager button:hover { color: #65558d; background: #f5f2fa; }
.lj-history-pager button:focus-visible { outline: 2px solid #9584c2; outline-offset: 2px; }
.lj-history-pager small { color: #9b8260; }
.lj-history-loading::before { content: ''; display: inline-block; width: 10px; height: 10px; border: 1.5px solid #ded8e9; border-top-color: #8472af; border-radius: 50%; margin-right: 8px; animation: lj-history-spin .8s linear infinite; }
.lj-history-skeleton { width: min(100%, 680px); height: 150px; margin: 15px 0; border-radius: 16px; background: linear-gradient(100deg, #f7f6f9 25%, #eeecf3 45%, #f7f6f9 65%); background-size: 250% 100%; animation: lj-history-shimmer 1.5s ease-in-out infinite; }
@keyframes lj-history-spin { to { transform: rotate(360deg); } }
@keyframes lj-history-shimmer { to { background-position: -180% 0; } }
@media (prefers-reduced-motion: reduce) { .lj-history-loading::before, .lj-history-skeleton { animation: none; } }

.lj-history-media{position:relative;min-height:140px;overflow:hidden;background:#f4f3f7;border-radius:14px;margin:0}
.lj-history-media>img,.lj-history-media>video{width:100%;height:100%;object-fit:contain;display:block}
.lj-history-media[data-state]:not([data-state="ready"])>img{opacity:0}
.lj-history-media-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#81798e;background:linear-gradient(110deg,#f6f5f8 20%,#edeaf2 45%,#f6f5f8 70%);background-size:220% 100%;animation:lj-media-shimmer 2s linear infinite;font-size:13px}
.lj-history-media-status button{border:1px solid #ded8e8;border-radius:16px;background:white;padding:5px 12px;color:#736386;cursor:pointer}
.lj-history-media-spinner{width:19px;height:19px;border:2px solid #d9d2e8;border-top-color:#8f79b8;border-radius:50%;animation:lj-media-spin 1s linear infinite}
.lj-upload-preview-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:8px;display:flex;align-items:flex-end;justify-content:flex-start}
.lj-upload-preview-open span{background:#272132d9;color:white;border-radius:7px;padding:4px 7px;font-size:12px}
.lj-upload-preview-open:focus-visible{outline:3px solid #8b6db4;outline-offset:-3px}
.lj-history-result-slot{position:relative;min-height:140px}
.lj-history-result-slot[data-history-media-state="loading"]:after,.lj-history-result-slot[data-history-media-state="error"]:after{content:'正在加载…';position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(110deg,#f6f5f8,#ece9f1,#f6f5f8);background-size:220% 100%;animation:lj-media-shimmer 2s linear infinite;color:#81798e;font-size:13px;pointer-events:none}
.lj-history-result-slot[data-history-media-state="error"]:after{content:'加载失败，点击重试';animation:none}
@keyframes lj-media-shimmer{to{background-position:-220% 0}}
@keyframes lj-media-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lj-history-media-status,.lj-history-media-spinner,.lj-history-result-slot:after{animation:none!important}}