
/* การ์ดตัวละคร v2: อวาตาร์ + ชื่อกึ่งกลาง + ปุ่มคัดลอกบรรทัดเดียว */
#p-ai-script #aiNChars#aiNChars{gap:14px}
#p-ai-script #aiNChars#aiNChars .ainch{align-items:stretch;gap:10px;padding:16px 12px 12px;border-radius:16px;background:radial-gradient(130% 80% at 50% 0%,#2b2b2b 0%,#181818 50%,#0f0f0f 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 14px 28px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.45)}
#p-ai-script #aiNChars#aiNChars .ainch::before{left:0;right:0;top:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,transparent,hsl(var(--hh,0) 85% 55%),transparent);opacity:.55}
#p-ai-script #aiNChars#aiNChars .ainch:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 20px 36px rgba(0,0,0,.6),0 0 0 1px rgba(229,9,20,.25)}
#p-ai-script #aiNChars#aiNChars .ainch:hover::before{opacity:1}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh{display:flex;flex-direction:column;align-items:center;gap:8px;position:static}
#p-ai-script #aiNChars#aiNChars .ainch .ainav{flex:none;width:48px;height:48px;border-radius:50%;background:linear-gradient(160deg,hsl(var(--h,0) 34% 46%),hsl(calc(var(--h,0) + 18) 32% 28%));box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 5px 12px rgba(0,0,0,.5),0 0 0 3px rgba(255,255,255,.05);position:relative;overflow:hidden}
#p-ai-script #aiNChars#aiNChars .ainch .ainav svg{display:block;width:100%;height:100%}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh input[type=text]{flex:none;width:100%;height:34px;padding:0 10px!important;text-align:center;font-size:15px!important;font-weight:800;color:#fff;background:transparent;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh input[type=text]:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh input[type=text]:focus{outline:0;background:#0b0b0b;border-color:#e50914;box-shadow:0 0 0 3px rgba(229,9,20,.25)}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh .ainx{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;font-size:12px;opacity:.55;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);transition:opacity .15s,background .15s,color .15s,transform .1s}
#p-ai-script #aiNChars#aiNChars .ainch:hover .ainchh .ainx{opacity:1}
#p-ai-script #aiNChars#aiNChars .ainch .ainchh .ainx[data-cx]:hover{background:rgba(229,9,20,.9);color:#fff;transform:scale(1.1)}
#p-ai-script #aiNChars#aiNChars .ainch .ainchr{position:relative;flex:1 1 auto;margin:0;padding:8px 10px;text-align:left;font-size:12.5px;line-height:1.5;color:#cfcfd4;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);border-radius:11px;box-shadow:inset 0 2px 6px rgba(0,0,0,.5);-webkit-line-clamp:3}
#p-ai-script #aiNChars#aiNChars .ainch .ainchr::after{content:"✎ แก้ไข";position:absolute;right:6px;bottom:4px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:#fff;background:rgba(229,9,20,.9);opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s;pointer-events:none}
#p-ai-script #aiNChars#aiNChars .ainch .ainchr:hover{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.22)}
#p-ai-script #aiNChars#aiNChars .ainch .ainchr:hover::after{opacity:1;transform:none}
#p-ai-script #aiNChars#aiNChars .ainch .ainchr.e{display:flex;align-items:center;justify-content:center;text-align:center;font-style:normal;color:#8a8a92}
#p-ai-script #aiNChars#aiNChars .ainch .ainchg{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12.5px;font-weight:700;color:#fff;border-radius:10px;background:linear-gradient(180deg,#3a3a3a,#242424);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 0 #0b0b0b,0 6px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .08s,box-shadow .08s,background .15s,border-color .15s}
#p-ai-script #aiNChars#aiNChars .ainch .ainchg:hover{background:linear-gradient(180deg,#f0222d,#b20710);border-color:#ff4a54}
#p-ai-script #aiNChars#aiNChars .ainch .ainchg:active{transform:translateY(2px);box-shadow:0 1px 0 #0b0b0b,0 2px 6px rgba(0,0,0,.4)}
#p-ai-script #aiNChars#aiNChars .ainch.open .ainchh{flex-direction:row;align-items:center}
#p-ai-script #aiNChars#aiNChars .ainch.open .ainchh input[type=text]{text-align:left}
#p-ai-script #aiNChars#aiNChars .ainch.open .ainchr::after{display:none}
/* ปุ่มเพิ่มตัวละครด้านล่าง */
#p-ai-script #aiNChars .nfbar{margin-top:4px}
#p-ai-script #aiNChars .nfbar .nfb{min-height:38px;padding:0 18px;border-radius:10px;font-size:13.5px;font-weight:700;box-shadow:0 3px 0 rgba(0,0,0,.45),0 8px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .08s,box-shadow .08s,filter .15s}
#p-ai-script #aiNChars .nfbar .nfb:hover{filter:brightness(1.1);transform:translateY(-1px)}
#p-ai-script #aiNChars .nfbar .nfb:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.45)}
#p-ai-script #aiNChars .nfbar .nfb-ghost{box-shadow:none;border-color:rgba(255,255,255,.3)}
