
/* ===== ปุ่มสไตล์ PRESET: แท็บเมนูเรื่อง + หน้าตั้งชื่อเรื่อง ===== */
body .tabs.tabs.tabs.tabs.tabs{--led:#ff3b2f;--ledg:rgba(255,59,47,.85);gap:10px 8px;padding:4px 0 12px}
body .tabs.tabs.tabs.tabs.tabs .tabind{display:none!important}
body .tabs.tabs.tabs.tabs.tabs a{position:relative;min-height:44px;padding:15px 20px 8px;border:1px solid #000;border-radius:7px;color:#e8e0cd;font-size:16px;font-weight:700;text-align:center;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}
body .tabs.tabs.tabs.tabs.tabs a::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}
body .tabs.tabs.tabs.tabs.tabs a:hover{filter:brightness(1.13);color:#fff;background:linear-gradient(180deg,#4a4843,#2e2c29);border-color:#000}
body .tabs.tabs.tabs.tabs.tabs a:active{transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}
body .tabs.tabs.tabs.tabs.tabs a:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
body .tabs.tabs.tabs.tabs.tabs a.on,body .tabs.tabs.tabs.tabs.tabs a.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}
body .tabs.tabs.tabs.tabs.tabs a.on::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
/* โทนของชื่อ (chips) */
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichips{gap:9px 7px !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip{position:relative;min-height:30px;padding:5px 13px 0 !important;border:1px solid #000 !important;border-radius:7px !important;color:#e8e0cd !important;font-size:12.5px !important;font-weight:700 !important;text-shadow:0 -1px 0 rgba(0,0,0,.85);background:linear-gradient(180deg,#4a4843,#2e2c29) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5) !important;transform:none !important;filter:none;transition:transform .06s,box-shadow .06s,filter .15s}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip::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;top:3px;width:10px;height:2px;margin-left:-5px}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip:hover{filter:brightness(1.13);transform:none !important;color:#fff !important;border-color:#000 !important;background:linear-gradient(180deg,#4a4843,#2e2c29) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5) !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip:active{transform:translateY(2px) !important;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip.on,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip.on:hover{transform:translateY(3px) !important;color:#fff !important;border-color:#000 !important;text-shadow:0 0 6px rgba(255,255,255,.35);background:linear-gradient(180deg,#2b2926,#3a3834) !important;box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip.on::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
/* ปุ่มคิดชื่อเรื่อง / ใช้ชื่อนี้ / คัดลอก */
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn{position:relative;border:1px solid #000 !important;border-radius:7px !important;color:#e8e0cd !important;font-weight:700 !important;text-shadow:0 -1px 0 rgba(0,0,0,.85);background:linear-gradient(180deg,#4a4843,#2e2c29) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 #090908,0 5px 7px rgba(0,0,0,.5) !important;transform:none !important;filter:none;transition:transform .06s,box-shadow .06s,filter .15s}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo{min-height:52px !important;padding:14px 20px 4px !important;margin-top:18px !important;font-size:16px !important;letter-spacing:0}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn{min-height:34px;padding:5px 14px 0 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo::after,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn::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-title#p-ai-title#p-ai-title#p-ai-title .tibtn::after{top:3px;width:10px;height:2px;margin-left:-5px}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo::after,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn.pri::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:hover:not(:disabled),#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn:hover:not(:disabled){filter:brightness(1.13);transform:none !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:active:not(:disabled),#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn:active:not(:disabled){transform:translateY(2px) !important;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:focus-visible,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn:focus-visible,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
/* กำลังคิด = ปุ่มจมลง + ไฟกะพริบ · ใช้อยู่ = จมลง + ไฟเขียว */
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:disabled{opacity:1 !important;filter:none;cursor:progress;transform:translateY(3px) !important;color:#fff !important;background:linear-gradient(180deg,#2b2926,#3a3834) !important;box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:disabled::after{animation:dkLamp 1s steps(2,jump-none) infinite}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn.used{--led:#3bd16f;--ledg:rgba(59,209,111,.85);opacity:1 !important;cursor:default;transform:translateY(2px) !important;color:#9cf0b5 !important;background:linear-gradient(180deg,#2b2926,#3a3834) !important;box-shadow:inset 0 3px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 #090908 !important;border-color:#000 !important}
#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn.used::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
@media(prefers-reduced-motion:reduce){body .tabs.tabs.tabs.tabs.tabs a,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tichip,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo,#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tibtn{transition:none}#p-ai-title#p-ai-title#p-ai-title#p-ai-title .tigo:disabled::after{animation:none}}
