/* ===== ปุ่มชิป (ประเภทหนัง + สไตล์การเล่า) ให้เหมือนปุ่ม "ปุ่มลัด PRESET" =====
   คีย์กราไฟต์นูน + ช่องไฟ LED ด้านบน / กดแล้วจมลง ไฟสว่าง */

/* กล่องเมนูประเภท: แผงพลาสติกเข้ม มีขอบสกรู */
#p-ai-script#p-ai-script#p-ai-script .aigselp{
  --led:#ff3b2f;--ledg:rgba(255,59,47,.85);
  padding:16px 14px 18px;border-radius:14px;border:1px solid #000;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),linear-gradient(180deg,#3a3935 0%,#262522 48%,#1b1a18 100%);
  box-shadow:0 16px 30px rgba(0,0,0,.7),0 3px 0 #0a0a09,inset 0 1px 0 rgba(255,255,255,.22),inset 0 -3px 0 rgba(0,0,0,.55),0 0 0 1px #3f3d38}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichips{gap:13px 9px}

/* ตัวปุ่ม: ประเภทหนัง + สไตล์การเล่า */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip{
  --led:#ff3b2f;--ledg:rgba(255,59,47,.85);
  position:relative;margin-bottom:3px;padding:14px 16px 8px;border-radius:7px;border:1px solid #000;
  color:#e8e0cd;font-weight:700;letter-spacing:0;text-shadow:0 -1px 0 rgba(0,0,0,.85);
  background:linear-gradient(180deg,#4a4843,#2e2c29);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5);
  transform:none;filter:none;transition:transform .06s,box-shadow .06s,filter .15s,color .15s}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip{padding:13px 13px 6px;font-size:12.5px}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip{font-size:14px}

/* ช่องไฟ LED */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip::before,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip::before{display:none}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip::after,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip::after{
  content:"";position:absolute;top:4px;left:50%;width:14px;height:3px;margin-left:-7px;border-radius:2px;
  background:#3b100d;box-shadow:inset 0 1px 1px rgba(0,0,0,.8);pointer-events:none}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip::after{top:3px;width:10px;height:2px;margin-left:-5px}

/* hover / กด */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip:hover:not(:disabled):not(.on),
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip:hover:not(.on){
  filter:brightness(1.13);color:#fff;border-color:#000;transform:none;
  background:linear-gradient(180deg,#4a4843,#2e2c29);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5)}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip:active:not(:disabled),
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip:active{
  transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}

/* เลือกอยู่: ปุ่มจมลง ไฟสว่าง */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip.on,
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip.on:hover,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip.on,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip.on:hover{
  transform:translateY(3px);filter:none;color:#fff;border-color:#000;text-shadow:0 0 6px rgba(255,255,255,.35);
  background:linear-gradient(180deg,#2b2926,#3a3834);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip.on::after,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip.on::after{
  background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}

/* เต็ม 5 แล้ว: ปุ่มที่เลือกไม่ได้ */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 0 #090908}

/* "+ ประเภทเพิ่มเติม": คีย์เส้นประ ไฟดับ */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aimore{
  position:relative;margin-bottom:3px;padding:14px 16px 8px;border-radius:7px;font-size:14px;font-weight:700;
  color:#a39b8a;text-shadow:0 -1px 0 #000;border:1px dashed rgba(232,224,205,.35);
  background:rgba(0,0,0,.22);box-shadow:inset 0 2px 4px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.08)}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aimore::after{
  content:"";position:absolute;top:4px;left:50%;width:14px;height:3px;margin-left:-7px;border-radius:2px;
  background:#3b100d;box-shadow:inset 0 1px 1px rgba(0,0,0,.8)}
#p-ai-script#p-ai-script#p-ai-script .aigselp .aimore:hover{color:#fff;border-color:rgba(232,224,205,.7);background:rgba(255,255,255,.05)}

/* focus */
#p-ai-script#p-ai-script#p-ai-script .aigselp .aichip:focus-visible,
#p-ai-script#p-ai-script#p-ai-script .aigselp .aimore:focus-visible,
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchip:focus-visible{outline:2px solid #ffb347;outline-offset:3px}

/* แถวชิปสไตล์การเล่า: เว้นช่องให้ขอบล่างปุ่ม */
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlchips{gap:12px 8px}
@media(prefers-reduced-motion:reduce){
  #p-ai-script .aigselp .aichip,#p-ai-tell .tlchip{transition:none}}