.char-library[data-v-5a3b82d7]{display:flex;flex-direction:column;gap:12px;height:100%;padding:12px}.char-library__header{&[data-v-5a3b82d7]{align-items:center;display:flex;justify-content:space-between}h3[data-v-5a3b82d7]{color:var(--textPrimary,#fff);font-size:14px;font-weight:600;margin:0}}.char-library__tabs[data-v-5a3b82d7]{background:var(--surfaceAlt,#2a2a2a);border-radius:6px;display:flex;gap:2px;padding:2px}.char-library__tab{&[data-v-5a3b82d7]{background:none;border:none;border-radius:4px;color:var(--textMuted,#999);cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px}&--active[data-v-5a3b82d7]{background:var(--accentFill,#3b82f6);color:#fff}}.char-library__saved[data-v-5a3b82d7]{flex:1;overflow-y:auto}.char-library__status[data-v-5a3b82d7]{color:var(--textMuted,#999);font-size:12px;padding:24px;text-align:center}.char-library__preview--saved[data-v-5a3b82d7]{align-items:center;color:var(--textMuted,#666);display:flex;font-size:28px;height:120px;justify-content:center;width:80px}.char-library__save-msg{&[data-v-5a3b82d7]{color:var(--textSuccess,#4ade80);font-size:11px;margin-top:6px}&--error[data-v-5a3b82d7]{color:var(--textError,#ef4444)}}.char-library__grid[data-v-5a3b82d7]{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.char-library__card{&[data-v-5a3b82d7]{align-items:center;background:var(--surfaceAlt,#2a2a2a);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:border-color .15s,background .15s}&[data-v-5a3b82d7]:hover{background:var(--surfaceHover,#333)}&--selected[data-v-5a3b82d7]{border-color:var(--accentFill,#3b82f6)}}.char-library__preview{&[data-v-5a3b82d7]{align-items:center;display:flex;justify-content:center}canvas[data-v-5a3b82d7]{display:block}}.char-library__info[data-v-5a3b82d7]{align-items:center;display:flex;flex-direction:column;gap:2px;margin-top:4px}.char-library__name[data-v-5a3b82d7]{color:var(--textPrimary,#fff);font-size:12px;font-weight:600}.char-library__desc[data-v-5a3b82d7]{color:var(--textMuted,#999);font-size:10px;line-height:1.3;text-align:center}.char-library__detail[data-v-5a3b82d7]{background:var(--surfaceAlt,#2a2a2a);border-radius:8px;display:flex;gap:16px;margin-top:auto;padding:12px}.char-library__detail-preview[data-v-5a3b82d7]{align-items:center;display:flex;flex-shrink:0;justify-content:center}.char-library__detail-info{&[data-v-5a3b82d7]{flex:1;min-width:0}h4[data-v-5a3b82d7]{color:var(--textPrimary,#fff);font-size:13px;font-weight:600;margin:0 0 4px}p[data-v-5a3b82d7]{color:var(--textMuted,#999);font-size:11px;line-height:1.4;margin:0 0 8px}}.char-library__toggle[data-v-5a3b82d7]{align-items:center;color:var(--textSecondary,#ccc);cursor:pointer;display:flex;font-size:11px;gap:6px;margin-bottom:8px}.char-library__actions[data-v-5a3b82d7]{display:flex;flex-wrap:wrap;gap:6px}.char-library__loading[data-v-5a3b82d7]{align-items:center;color:var(--textMuted,#999);display:flex;font-size:12px;height:180px;justify-content:center;width:120px}