.community-reference-card{display:inline-flex;box-sizing:border-box;align-items:center;gap:14px;width:100%;max-width:100%;margin:8px 0;padding:14px;border:1px solid var(--line,#ccd3dd);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#202936);vertical-align:top;white-space:normal;text-align:left;text-decoration:none;overflow:hidden}
a.community-build-link.community-reference-card{display:inline-flex;color:var(--ink,#202936);text-decoration:none}
a.community-reference-card:hover{border-color:var(--accent,#bd853d);background:var(--soft,#f4f6f8);text-decoration:none}
a.community-reference-card:focus-visible{outline:2px solid var(--accent,#bd853d);outline-offset:3px}
.community-reference-card[contenteditable=false]{cursor:default;user-select:none}
.community-reference-content{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.community-reference-type,.community-reference-candidates{display:block;color:var(--muted,#657084);font-size:12px;line-height:1.5}
.community-reference-title{display:block;color:var(--ink,#202936);font-size:16px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.community-reference-description{display:block;color:var(--muted,#657084);font-size:13px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.community-reference-media{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:var(--soft,#f4f6f8)}
.community-reference-media--skill{width:72px;height:72px}
.community-reference-media--skill img{display:block;width:64px;height:64px;object-fit:contain}
.community-reference-media--wardrobe{width:156px;min-height:184px;padding:8px}
.community-reference-media--wardrobe canvas{width:140px;height:auto;max-width:100%;max-height:200px;object-fit:contain;image-rendering:pixelated}
.community-reference-media--wardrobe [data-outfit-status]{color:var(--muted,#657084);font-size:12px;line-height:1.5;text-align:center}
.community-reference-no-icon{color:var(--muted,#657084);font-size:24px;line-height:1}
.community-reference-slots{display:flex;flex-wrap:wrap;gap:10px 14px;margin:5px 0}
.community-reference-slot-group{display:inline-flex;gap:5px}
.community-reference-slot{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;width:42px;min-height:57px;padding:4px;border:1px solid var(--line,#ccd3dd);border-radius:6px;background:var(--soft,#f4f6f8)}
.community-reference-slot-key{color:var(--muted,#657084);font-size:10px;font-weight:700;line-height:1.2}
.community-reference-slot img{display:block;width:32px;height:32px;object-fit:contain}
.community-reference-slot.is-empty{border-style:dashed;background:transparent}
.community-reference-empty{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--muted,#657084)}
@media(max-width:420px){.community-reference-card{gap:10px;padding:10px}.community-reference-title{font-size:15px}.community-reference-media--wardrobe{width:112px;min-height:140px}.community-reference-media--skill{width:56px;height:56px}.community-reference-media--skill img{width:48px;height:48px}.community-reference-slot{width:36px;min-height:52px;padding:3px}.community-reference-slot img,.community-reference-empty{width:28px;height:28px}.community-reference-slot-group{gap:4px}}