.art-history{position:relative;--history-text:#181b1f;--history-muted:#626970;--history-line:#e1e5e8;--history-card:#fff;--history-soft:#f3f5f6;color:var(--history-text)}
.art-history>header{padding-bottom:18px;margin-bottom:16px;border-color:var(--history-line)}
.art-history h2{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.art-history h2 small{font:800 13px 'Manrope',sans-serif;padding:6px 10px;border-radius:99px;background:var(--history-soft);color:var(--history-muted)}
.art-history header p{color:var(--history-muted);font-size:13px;line-height:1.7;max-width:700px}
.art-history-note{margin:0 0 22px;padding:12px 15px;border:1px solid var(--history-line);border-radius:12px;color:var(--history-muted);background:var(--history-soft);font-size:12px;line-height:1.7}
.art-history .art-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.art-history .art-history-item{display:flex;flex-direction:column;min-width:0;max-width:none;overflow:hidden;background:var(--history-card);border:1px solid var(--history-line);border-radius:16px}
.art-history .art-history-item.is-primary{border-color:#78ac3b;box-shadow:0 0 0 1px #78ac3b}
.art-history-preview{display:block;position:relative;text-decoration:none;background:#111315}
.art-history .art-history-item img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#111315}
.art-history .art-history-current{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:7px 10px;border-radius:99px;background:var(--lime);color:#19260b;font-size:11px;font-weight:900;box-shadow:0 2px 12px #0003}
.art-history .art-history-item>.art-history-details{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px;font-size:12px}
.art-history-details>strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.art-history .art-history-item time{color:var(--history-muted);font-size:11px}
.art-history-provisional{color:var(--history-muted);font-size:11px}
.art-history-open{width:fit-content;text-underline-offset:3px;font-size:12px;line-height:1.8;margin:4px 0 12px}
.art-history-actions{display:grid;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--history-line)}
.art-history-actions form{margin:0}
.art-history-actions .button{width:100%;min-height:42px;padding:10px 8px;border-radius:9px;font-size:11px;line-height:1.5;font-weight:800}
.art-history-select{background:#14181b;color:#fff}
.art-history-select:hover{background:#30373c}
.art-history-delete{background:transparent;color:#ad2c35;border:1px solid #ead7d9!important}
.art-history-delete:hover{background:#fff0f1}
.art-history-selected{display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;color:#34621d;font-size:11px;font-weight:800;text-align:center}
.art-history .art-history-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.art-history-pages .button{min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--history-line);background:var(--history-soft);color:var(--history-text)}
.art-history .art-history-pages [aria-current]{background:var(--lime);border-color:var(--lime);color:#132005}
.art-history :is(a,button):focus-visible,.art-history-dialog button:focus-visible{outline:3px solid #75aa32;outline-offset:3px}
.art-history-empty{padding:28px 15px;text-align:center;border:1px dashed var(--history-line);border-radius:14px}
.art-history-empty p{color:var(--history-muted);font-size:13px;line-height:1.7}
.art-history-dark{--history-text:#eef0f1;--history-muted:#a8afb6;--history-line:#343a40;--history-card:#1b1f23;--history-soft:#23282d;background:#111518;border:1px solid #2b3136;box-shadow:none}
.art-history-dark .overline{color:var(--lime)}
.art-history-dark .art-history-select{background:var(--lime);color:#17220b}
.art-history-dark .art-history-select:hover{background:#d0ff8c}
.art-history-dark .art-history-delete{color:#ffadb4;border-color:#64434a!important}
.art-history-dark .art-history-delete:hover{background:#44272d}
.art-history-dark .art-history-selected{color:#c1ec8c}
.art-history-dialog{width:min(480px,calc(100% - 24px))}
.art-history-dialog .modal-card{padding:24px}
.art-history-dialog .modal-card>header{gap:16px}
.art-history-dialog .modal-card>header button{flex-shrink:0}
.art-history-dialog h2{font-size:30px;margin-top:7px}
.art-history-delete-preview{display:flex;align-items:center;gap:16px;padding:14px;margin:20px 0;background:#f4f5f5;border:1px solid #e5e7e8;border-radius:14px}
.art-history-delete-preview img{display:block;flex:none;width:64px;height:96px;border-radius:7px;object-fit:contain;background:#111315}
.art-history-delete-preview>div{display:grid;gap:8px;font-size:12px;line-height:1.5}
.art-history-delete-preview span{color:#666e76;font-size:11px}
.art-history-delete-preview b{font-size:11px;color:#34621d}
.art-history-dialog p{color:#515860;font-size:13px;line-height:1.7}
.art-history-dialog .art-history-delete-impact{padding:12px 14px;background:#fff6e7;border:1px solid #f0dfbf;border-radius:10px;color:#785323}
.art-history-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e4e7e9}
.art-history-dialog-actions .button{font-size:13px}
@media(max-width:620px){.art-history .art-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-history .art-history-item>.art-history-details{padding:12px}.art-history-current{font-size:10px}.art-history h2{font-size:30px}.art-history-dialog .modal-card{padding:20px}.art-history-dialog-actions .button{flex:1;padding:12px 10px}}
@media(max-width:359px){.art-history .art-history-grid{grid-template-columns:1fr}.art-history .art-history-item{max-width:280px;margin-inline:auto;width:100%}}