/* ===== ปุ่มมีมิติ: นูน · ลอยตอนชี้ · กดแล้วยุบ · ริปเปิล ===== */
.aipg .bdcp,.aipg .aib:not(.aiddb),.aipg .aiprim{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;
 transition:transform .16s cubic-bezier(.2,.9,.3,1.3),box-shadow .16s ease,filter .16s ease,background-color .16s ease}
.aipg .bdcp{background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 52%,rgba(0,0,0,.14));
 box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 -2px 0 rgba(0,0,0,.3) inset,0 3px 8px rgba(0,0,0,.5)}
.aipg .bdcp.pri{box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 -2px 0 rgba(0,0,0,.35) inset,0 4px 14px rgba(229,9,20,.45)}
.aipg .aib:not(.aiddb),.aipg .aiprim{background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 55%)}
.aipg .bdcp:hover:not(:disabled),.aipg .aib:not(.aiddb):hover:not(:disabled),.aipg .aiprim:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12);
 box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 -2px 0 rgba(0,0,0,.3) inset,0 8px 18px rgba(0,0,0,.55)}
.aipg .bdcp.pri:hover:not(:disabled){box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 -2px 0 rgba(0,0,0,.35) inset,0 8px 22px rgba(229,9,20,.6)}
.aipg .bdcp:active:not(:disabled),.aipg .aib:not(.aiddb):active:not(:disabled),.aipg .aiprim:active:not(:disabled){transform:translateY(2px) scale(.95);filter:brightness(.85);
 box-shadow:0 3px 8px rgba(0,0,0,.6) inset,0 1px 0 rgba(255,255,255,.06);transition-duration:.05s}
.aipg .bdcp:focus-visible,.aipg .aib:focus-visible,.aipg .aiprim:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}
.aipg .bdcp:disabled,.aipg .aib:disabled{box-shadow:none;background-image:none}
.airipple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);opacity:.9;pointer-events:none;animation:airip .6s ease-out forwards}
@keyframes airip{to{transform:scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.airipple{display:none}.aipg .bdcp,.aipg .aib,.aipg .aiprim{transition:none}}

/* ตัวเลือกสัดส่วน + ขนาดพิกเซลของสตอรี่บอร์ด */
.aipg .aisz{margin-left:8px;font-size:12.5px;font-weight:500;color:#9ad1ff;letter-spacing:.2px}
.aipg .aiddb .aiddm{color:#bdbdbd;font-size:12.5px;margin-left:2px}
.aipg .aiddp:has(.aiddi[data-bdset^="ar|"]){min-width:300px;max-height:min(62vh,440px);overflow-y:auto}
.aipg .aiddp:has(.aiddi[data-bdset^="tone|"]){max-height:min(62vh,460px);overflow-y:auto}
/* เมนูโทนหนัง: กว้างพอ อ่านง่าย บรรทัดเดียวต่อรายการ มีมิติ */
#p-ai-board .aitmset .aiddp:has(.aiddi.tonei){min-width:380px;max-height:min(60vh,440px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#555 transparent;padding:8px}
#p-ai-board .aiddi.tonei{padding:8px 10px;gap:12px;align-items:center}
#p-ai-board .aiddi.tonei .aiddico{width:34px;height:34px;border-radius:10px;flex:none}
#p-ai-board .aiddi.tonei .tnum{font-size:13px;font-weight:700;letter-spacing:.5px;color:#b8b8b8;font-variant-numeric:tabular-nums}
#p-ai-board .aiddi.tonei.on .tnum{color:#fff}
#p-ai-board .aiddi.tonei .aiddtx{gap:3px}
#p-ai-board .aiddi.tonei .aiddtx b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-ai-board .aiddi.tonei .aiddtx small{display:flex;align-items:center;gap:7px;margin:0;min-width:0;line-height:1.2}
#p-ai-board .aiddi.tonei .ttag{flex:none;font-size:10.5px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.1) inset;color:#d6d6d6;white-space:nowrap}
#p-ai-board .aiddi.tonei .tdsc{font-size:11.5px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#p-ai-board .aiddi.tonei.on .ttag{background:rgba(0,0,0,.25);color:#fff}
#p-ai-board .aiddi.tonei.on .tdsc{color:rgba(255,255,255,.92)}
#p-ai-board .aitmset .aiddp::-webkit-scrollbar{width:8px}#p-ai-board .aitmset .aiddp::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:8px}