.character-references{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:16px}.character-references-compact{background:0 0;border:none;margin-bottom:0;padding:12px}.character-ref-label{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:500;display:block}.character-ref-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:8px;padding:8px 10px;font-size:.85rem}.character-ref-input:focus{border-color:var(--accent);outline:none}.character-references-title{margin-bottom:6px;font-size:1rem;font-weight:600}.character-references-hint{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;line-height:1.4}.character-card-list{flex-direction:column;gap:12px;display:flex}.character-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.character-references-compact .character-card{background:var(--bg-secondary);padding:10px}.character-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.character-card-title{font-size:.85rem;font-weight:600}.character-card-remove{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.character-card-remove:hover:not(:disabled){color:#fff;background:#c83232e6}.character-card-remove:disabled{opacity:.5;cursor:not-allowed}.character-add{border:2px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:12px;padding:10px 12px;font-size:.85rem}.character-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.character-add:disabled{opacity:.5;cursor:not-allowed}.reference-grid{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.reference-card{flex-direction:column;gap:6px;width:120px;display:flex;position:relative}.reference-thumb{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);width:120px;height:120px}.reference-label-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:4px 6px;font-size:.75rem}.reference-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.reference-remove:hover:not(:disabled){background:#c83232e6}.reference-remove:disabled{opacity:.5;cursor:not-allowed}.reference-add{border:2px dashed var(--border);border-radius:var(--radius);width:120px;height:120px;color:var(--text-muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.8rem;display:flex}.reference-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.reference-add:disabled{opacity:.5;cursor:not-allowed}.reference-add-icon{font-size:1.5rem;line-height:1}