/* ===== หน้าพากย์เสียง: ตั้งค่า + ปุ่มสั่งงาน ===== */
#p-ai-script #p-ai-tell .tlc{border-radius:14px;background:linear-gradient(180deg,#1d1d1d 0%,#121212 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 12px 28px rgba(0,0,0,.5)}
#p-ai-script #p-ai-tell .tlleft{grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:6px;padding:14px 16px 16px}
#p-ai-script #p-ai-tell .tlleft>label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.3px;color:#e6e6e6}
#p-ai-script #p-ai-tell .tlleft>label::before{content:"";width:3px;height:13px;border-radius:2px;background:linear-gradient(180deg,#ff2a36,#b20710)}
#p-ai-script #p-ai-tell .tlleft>label:nth-of-type(3){margin-top:10px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
/* ช่องนาที: − [ 1 ] + นาที */
#p-ai-script #p-ai-tell .tlmin{display:flex;align-items:center;gap:6px;color:#bdbdbd;font-size:13.5px}
#p-ai-script #p-ai-tell .tlstp{flex:none;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#363636,#1a1a1a);color:#fff;font:700 19px/1 inherit;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 7px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .08s,border-color .15s}
#p-ai-script #p-ai-tell .tlstp:hover{border-color:#e50914}
#p-ai-script #p-ai-tell .tlstp:active{transform:scale(.88)}
#p-ai-script #p-ai-tell .tlmin input{width:58px!important;height:42px;padding:0!important;font-size:21px!important;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;border-radius:10px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,#050505,#0e0e0e)!important;box-shadow:inset 0 3px 8px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.06);-moz-appearance:textfield;appearance:textfield}
#p-ai-script #p-ai-tell .tlmin input::-webkit-outer-spin-button,#p-ai-script #p-ai-tell .tlmin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#p-ai-script #p-ai-tell .tlmin input:focus{border-color:#e50914!important;box-shadow:inset 0 3px 8px rgba(0,0,0,.85),0 0 0 3px rgba(229,9,20,.25)}
/* เลือกเสียง */
#p-ai-script #p-ai-tell .tlvcur{min-height:42px;padding:6px 12px 6px 8px;gap:10px;justify-content:flex-start;border-radius:10px;background:linear-gradient(180deg,#1b1b1b,#101010);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 4px 10px rgba(0,0,0,.4);transition:border-color .15s,box-shadow .15s,transform .12s}
#p-ai-script #p-ai-tell .tlvcur:hover{border-color:#e50914;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 14px rgba(0,0,0,.5),0 0 0 3px rgba(229,9,20,.14)}
#p-ai-script #p-ai-tell .tlvcur::before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#ff2a36,#b20710);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 3px 8px rgba(229,9,20,.4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 11a7 7 0 0 1-14 0'/%3E%3Cpath d='M12 18v3'/%3E%3C/svg%3E"),linear-gradient(145deg,#ff2a36,#b20710);background-repeat:no-repeat;background-position:center;background-size:14px 14px,100% 100%}
#p-ai-script #p-ai-tell .tlvcur>span{flex:1 1 auto;min-width:0}
#p-ai-script #p-ai-tell .tlvcur::after{margin:3px 0 0 auto;border-width:5px;border-top-color:#bdbdbd;transition:transform .2s}
#p-ai-script #p-ai-tell .tlvlist{border-radius:12px;background:#121212;border:1px solid rgba(255,255,255,.14)}
#p-ai-script #p-ai-tell .tlvitem{border-radius:8px}
#p-ai-script #p-ai-tell .tlvitem.on{background:rgba(229,9,20,.14)}
/* ชิปสไตล์ */
#p-ai-script #p-ai-tell .tlleft .tlchip{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,#262626,#161616);border:1px solid rgba(255,255,255,.13);color:#e3e3e3;box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .12s,border-color .15s,background .15s,box-shadow .15s}
#p-ai-script #p-ai-tell .tlleft .tlchip:hover{transform:translateY(-1px);border-color:#e50914;color:#fff}
#p-ai-script #p-ai-tell .tlleft .tlchip.on{color:#fff;font-weight:700;border-color:#e50914;background:linear-gradient(180deg,#e8222d,#9b0610);box-shadow:0 3px 10px rgba(229,9,20,.4),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-1px)}
#p-ai-script #p-ai-tell .tlleft>input[type=text]{height:40px;padding:0 12px;border-radius:10px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px rgba(0,0,0,.7);transition:border-color .15s,box-shadow .15s}
#p-ai-script #p-ai-tell .tlleft>input[type=text]:focus{outline:0;border-color:#e50914;box-shadow:inset 0 2px 6px rgba(0,0,0,.7),0 0 0 3px rgba(229,9,20,.22)}
/* ปุ่มสั่งงาน: เรียงตามขั้นตอน เจนสคริปต์ → สร้างไฟล์เสียง */
#p-ai-script #p-ai-tell .tlright{padding:14px 16px}
#p-ai-script #p-ai-tell .tlact{gap:10px}
#p-ai-script #p-ai-tell #aiTlGen{order:1}
#p-ai-script #p-ai-tell #aiTlVGen{order:2}
#p-ai-script #p-ai-tell [data-tlread]{order:3}
#p-ai-script #p-ai-tell [data-tlcp]{order:4}
#p-ai-script #p-ai-tell .tlgo,#p-ai-script #p-ai-tell .tlbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;font-size:14.5px;font-weight:700;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#3a3a3a,#232323);box-shadow:0 4px 0 #0c0c0c,0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.16);transform:none;transition:transform .08s,box-shadow .08s,filter .15s}
#p-ai-script #p-ai-tell .tlgo:hover:not(:disabled),#p-ai-script #p-ai-tell .tlbtn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12);background:linear-gradient(180deg,#444,#2a2a2a)}
#p-ai-script #p-ai-tell .tlgo:active:not(:disabled),#p-ai-script #p-ai-tell .tlbtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #0c0c0c,0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
#p-ai-script #p-ai-tell .tlgo.pri{border-color:#ff4a54;background:linear-gradient(180deg,#f0222d,#b20710);box-shadow:0 4px 0 #6a0409,0 10px 22px rgba(229,9,20,.45),inset 0 1px 0 rgba(255,255,255,.35)}
#p-ai-script #p-ai-tell .tlgo.pri:hover:not(:disabled){background:linear-gradient(180deg,#ff3340,#c00812)}
#p-ai-script #p-ai-tell .tlgo.pri:active:not(:disabled){box-shadow:0 1px 0 #6a0409,0 4px 10px rgba(229,9,20,.4),inset 0 1px 0 rgba(255,255,255,.3)}
#p-ai-script #p-ai-tell [data-tlread],#p-ai-script #p-ai-tell [data-tlcp]{background:transparent;box-shadow:none;border-color:rgba(255,255,255,.18);color:#d8d8d8}
#p-ai-script #p-ai-tell [data-tlread]:hover:not(:disabled),#p-ai-script #p-ai-tell [data-tlcp]:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
#p-ai-script #p-ai-tell [data-tlread]:active:not(:disabled),#p-ai-script #p-ai-tell [data-tlcp]:active:not(:disabled){box-shadow:none;transform:scale(.96)}
#p-ai-script #p-ai-tell .tlgo::before,#p-ai-script #p-ai-tell .tlbtn::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
#p-ai-script #p-ai-tell #aiTlGen{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z'/%3E%3C/svg%3E")}
#p-ai-script #p-ai-tell #aiTlVGen{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 11a7 7 0 0 1-14 0'/%3E%3Cpath d='M12 18v3'/%3E%3C/svg%3E")}
#p-ai-script #p-ai-tell [data-tlread]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M4 19V5'/%3E%3C/svg%3E")}
#p-ai-script #p-ai-tell [data-tlcp]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E")}
#p-ai-script #p-ai-tell [data-tlvdl]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='M7 11l5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E")}
#p-ai-script #p-ai-tell .tlgo:disabled,#p-ai-script #p-ai-tell .tlbtn:disabled{opacity:.5;filter:grayscale(.4)}
#p-ai-script #p-ai-tell .tlinfo{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;flex:0 1 auto;padding:4px 12px 4px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#b5b5b5}
#p-ai-script #p-ai-tell .tlinfo:empty{display:none}
#p-ai-script #p-ai-tell .tlinfo::before{content:"";width:7px;height:7px;border-radius:50%;background:#7a7a7a;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
#p-ai-script #p-ai-tell .tlres{border-radius:12px;background:linear-gradient(180deg,#1a1a1a,#111);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.4)}
@media (max-width:560px){#p-ai-script #p-ai-tell .tlleft{grid-template-columns:minmax(0,1fr)}#p-ai-script #p-ai-tell .tlleft>label:nth-of-type(1){grid-area:1/1}#p-ai-script #p-ai-tell .tlleft>.tlmin{grid-area:2/1}#p-ai-script #p-ai-tell .tlleft>label:nth-of-type(2){grid-area:3/1;margin-top:8px!important}#p-ai-script #p-ai-tell .tlleft>.tlvpick{grid-area:4/1}#p-ai-script #p-ai-tell .tlleft>label:nth-of-type(3){grid-area:5/1}#p-ai-script #p-ai-tell .tlleft>.tlvpick~.tlchips{grid-area:6/1}#p-ai-script #p-ai-tell .tlleft>input[type=text]{grid-area:7/1}#p-ai-script #p-ai-tell .tlgo{flex:1 1 40%}}