/* ===== ปุ่มสไตล์ "ปุ่มลัด PRESET": คีย์กราไฟต์ + ช่องไฟ LED ด้านบน (แผงสร้างไฟล์เสียง) ===== */
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell{--led:#ff3b2f;--ledg:rgba(255,59,47,.85)}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlact{gap:12px 8px}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn{position:relative;min-height:44px;margin-bottom:3px;padding:14px 18px 8px;border-radius:7px;border:1px solid #000;color:#e8e0cd;font-weight:700;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}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo::after,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn::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-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo::before,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn::before{width:17px;height:17px;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.85))}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo:hover:not(:disabled),#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn:hover:not(:disabled){transform:none;filter:brightness(1.13);border-color:#000}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo:active:not(:disabled),#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn:active:not(:disabled){transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo:focus-visible,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo:disabled,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn:disabled{opacity:.5;filter:none;cursor:progress}
/* ปุ่มสร้างไฟล์เสียง: ไอคอนไมค์แดงเรืองแสง; ตอนกำลังสร้าง = ปุ่มจมลง + ไฟ LED ติดกะพริบ */
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri{min-height:50px;font-size:16px;color:#f4ece0}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri::before{width:17px;height:17px;border-radius:50%;background:#ff6e5f;box-shadow:none;filter:drop-shadow(0 0 5px rgba(255,59,47,.75)) drop-shadow(0 -1px 0 rgba(0,0,0,.85))}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri:disabled{opacity:1;transform:translateY(3px);color:#fff;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-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri:disabled::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55);animation:tlLamp 1s steps(2,jump-none) infinite}
@keyframes tlLamp{50%{opacity:.35}}
/* ผลลัพธ์: ความยาวเป็นจอ LCD แดง + แถบเครื่องเล่น */
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlresh{align-items:center}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlresh>span{padding:7px 12px;border-radius:5px;border:1px solid #000;font-size:13px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#ff8d7c;text-shadow:0 0 6px rgba(255,59,47,.55);
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),linear-gradient(180deg,#160605,#0b0303);box-shadow:inset 0 2px 5px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.12),0 0 0 1px #4a4740}
#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlres audio{border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.1),0 5px 10px rgba(0,0,0,.5)}
@media(max-width:560px){#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn{min-height:46px}#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri{min-height:52px}}
@media(prefers-reduced-motion:reduce){#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo,#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlbtn{transition:none}#p-ai-tell#p-ai-tell#p-ai-tell#p-ai-tell .tlgo.pri:disabled::after{animation:none}}