.compact-reference{border-top:1px solid #d5d3cb;padding:14px 0}.reference-slot-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reference-change{font-size:12px}.selected-reference{display:flex;gap:10px;align-items:center;margin-top:10px}.selected-reference>button{width:76px;height:76px;flex:0 0 76px;padding:0;overflow:hidden}.selected-reference .reference-image,.selected-reference .art{width:76px;height:76px;min-height:0;border-radius:6px;font-size:8px}.selected-reference p{font-size:12px;margin:0 0 4px;overflow-wrap:anywhere}.selected-reference>div{min-width:0}.selected-reference [data-ref-clear]{display:block;padding:4px 8px;font-size:11px;margin-top:4px}.compact-reference select{margin-top:4px}.compact-reference>p{font-size:12px;margin:8px 0 0}.reference-category{display:block;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.reference-category:hover{transform:translateY(-3px)}.reference-category:focus-visible,.reference-open:focus-visible{outline:3px solid #8db3a0;outline-offset:4px}.reference-category-icon{font-size:4rem;padding:28px;background:#e7e4db;border-radius:10px}.reference-open{width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}.reference-image{width:100%;height:230px;object-fit:contain;background:#e8e5dc;border-radius:10px}.reference-slot{padding:10px 0}.reference-viewer img{display:block;width:100%;height:70vh;object-fit:contain}.reference-grid h3{overflow-wrap:anywhere}#reference-files{display:block;max-width:240px;font-size:12px;margin-top:6px}.reference-import .grid{margin:24px 0}.reference-category span{font-weight:600}.reference-category:hover{border-color:#778c7b}@media(prefers-reduced-motion:reduce){.reference-category{transition:none}}