.art-preview{margin:16px 0;padding:16px;border:1px solid #dce5f3;border-radius:12px;background:#f8faff}.art-preview h3{margin:0 0 8px}.art-preview p{line-height:1.6}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.art-card{min-width:0;display:flex;flex-direction:column;gap:8px}.art-image{width:100%;height:180px;overflow:hidden;border:1px dashed #bbcce3;border-radius:8px;background:repeating-conic-gradient(#eef1f6 0% 25%,#fff 0% 50%) 0/16px 16px;color:#63758c;cursor:zoom-in;padding:4px}.art-image:disabled{cursor:default}.art-image img{width:100%;height:100%;object-fit:contain}.art-card small{color:#64748b}.art-actions{display:flex;flex-wrap:wrap;gap:5px}.art-actions .btn{font-size:12px;padding:6px 8px;text-decoration:none}.art-actions [hidden]{display:none}.art-message{margin:8px 0 0;color:#245aba;font-size:13px}.art-zoom{max-width:92vw;max-height:92vh;border:0;border-radius:12px;padding:18px;background:#f4f6fa}.art-zoom::backdrop{background:#101828c9}.art-zoom>button{float:right}.art-zoom img{display:block;max-width:85vw;max-height:76vh;object-fit:contain}.art-image:focus-visible{outline:3px solid #2866eb}@media(max-width:480px){.art-grid{grid-template-columns:1fr}.art-image{height:240px}}
.art-card small{overflow-wrap:anywhere;line-height:1.5}.art-actions .primary{width:100%}.art-card .art-actions{align-content:start}
.art-reference{margin-top:14px;padding-top:14px;border-top:1px solid #dce5f3}.art-reference code{display:block;overflow-wrap:anywhere;font-size:12px;margin:10px 0}.art-reference p{font-size:13px;color:#536782}