
/* ===== ปุ่มสไตล์ PRESET (คีย์กราไฟต์ + ช่อง LED) ในหน้าบทเรื่อง: เริ่มเขียนบท / เพิ่ม EP / อ่านบท / เขียนเรื่องย่อ / + EP ===== */
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script{--led:#ff3b2f;--ledg:rgba(255,59,47,.85)}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw{position:relative;border:1px solid #000;border-radius:7px;color:#e8e0cd;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-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn{min-height:52px;padding:18px 24px 11px;font-size:16px;font-weight:800}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn{padding:17px 14px 11px}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw{height:32px;min-width:0;padding:4px 12px 0;font-size:13px;font-weight:700;line-height:1}
/* ช่องไฟ LED */
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw::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-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw::after{top:3px;width:10px;height:2px;margin-left:-5px}
/* ไฟติด: อ่านบท = ไฟแดงค้าง · เขียนบทเสร็จ (aidone) = ไฟเขียว */
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr:not(.aivepc)::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn.aidone:not(:disabled)::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn.aidone:not(:disabled){--led:#3bd16f;--ledg:rgba(59,209,111,.85)}
/* กด / ชี้ */
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn:hover:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn:hover:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr:hover:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:hover:not(:disabled){filter:brightness(1.13)}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn:active:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn:active:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr:active:not(:disabled),#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw: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-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn:focus-visible,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn:focus-visible,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr:focus-visible,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn:disabled,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn:disabled,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr:disabled{opacity:.5;filter:none;cursor:wait;transform:none}
/* กำลังทำงาน = ปุ่มจมลง + ไฟ LED กะพริบ */
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiwrap3:has(.ainmsg.busy) .ainbtn:disabled,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:disabled{opacity:1;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;filter:none;cursor:wait}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiwrap3:has(.ainmsg.busy) .ainbtn:disabled{transform:translateY(3px)}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:disabled{transform:translateY(2px)}
#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiwrap3:has(.ainmsg.busy) .ainbtn:disabled::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:disabled::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55);animation:dkLamp 1s steps(2,jump-none) infinite}
@keyframes dkLamp{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .ainbtn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepn,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepr,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw{transition:none}#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiepw:disabled::after,#p-ai-script#p-ai-script#p-ai-script#p-ai-script#p-ai-script .aiwrap3:has(.ainmsg.busy) .ainbtn:disabled::after{animation:none}}
