
/* โหมดย้อนยุค STEP 3: ซีนภาพประกอบ (Scene List) — เต็มแถวใต้ STEP 1-2 */
#p-ai-script .aicols.retro2 .aic5{grid-column:1/-1}
@media (min-width:1181px){
#p-ai-script .panel:has(.aicols.retro2){max-width:1560px!important}
#p-ai-script .aicols.retro2{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:560px}
/* STEP 3 อยู่แถวเดียวกับ STEP 1-2 ความสูงตามสองช่องแรก รายการซีนเลื่อนอยู่ในช่องของตัวเอง */
#p-ai-script .aicols.retro2 .aic5{grid-column:auto;height:0;min-height:100%}
#p-ai-script .aicols.retro2 .aic5>#aiSceneSlot{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;padding-right:2px}
#p-ai-script .aicols.retro2 .aic5 .slx-grid{grid-template-columns:minmax(0,1fr)}
}
#p-ai-script .slx{display:flex;flex-direction:column;gap:14px}
#p-ai-script .slx-set{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#1a1a1a,#111);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.4)}
#p-ai-script .slx-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#p-ai-script .slx-l{margin-right:4px;font-size:13px;font-weight:800;color:#fff}
#p-ai-script .slx-l2{margin-left:14px}
#p-ai-script .slx-chip{min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#d8d8d8;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
#p-ai-script .slx-chip.on{background:#e50914;border-color:#ff4a54;color:#fff}
#p-ai-script .slx-in{flex:1 1 260px;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0c0c0c;color:#fff;font-family:inherit;font-size:13.5px}
#p-ai-script .slx-info{font-size:12.5px;line-height:1.5;color:#a8a8a8}
#p-ai-script .slx-info.warn{color:#ffcf6b}
#p-ai-script .slx-act{display:flex;flex-wrap:wrap;gap:8px}
#p-ai-script .slx-go{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:10px;border:1px solid #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);color:#fff;font-family:inherit;font-size:14.5px;font-weight:800;cursor:pointer}
#p-ai-script .slx-go:disabled{opacity:.55;cursor:progress}
#p-ai-script .slx-btn,#p-ai-script .slx-cp{min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#d8d8d8;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
#p-ai-script .slx-btn:hover,#p-ai-script .slx-cp:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
#p-ai-script .slx-msg{font-size:13px;line-height:1.5;color:#b5b5b5}
#p-ai-script .slx-msg:empty{display:none}
#p-ai-script .slx-msg.err{color:#ff8a80}
#p-ai-script .slx-msg.ok{color:#8be28b}
#p-ai-script .slx-msg.busy{display:flex;align-items:center;gap:10px;color:#fff}
#p-ai-script .slx-msg.busy::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#E50914;animation:tlRot .8s linear infinite}
#p-ai-script .slx-empty{padding:18px 16px;border-radius:14px;border:1px dashed rgba(255,255,255,.16);font-size:13.5px;line-height:1.6;color:#a8a8a8}
#p-ai-script .slx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
#p-ai-script .slx-sc{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(120% 90% at 0% 0%,#262626 0%,#161616 55%,#101010 100%);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 22px rgba(0,0,0,.45)}
#p-ai-script .slx-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#p-ai-script .slx-h b{font-size:14px;color:#fff}
#p-ai-script .slx-h span{font-size:12.5px;color:#a8a8a8}
#p-ai-script .slx-h i{margin-left:auto;padding:2px 10px;border-radius:999px;background:rgba(229,9,20,.18);border:1px solid rgba(229,9,20,.45);font-style:normal;font-size:12px;font-weight:700;color:#ffb3b8}
#p-ai-script .slx-n{font-size:13.5px;line-height:1.55;color:#f1f1f1}
#p-ai-script .slx-v{font-size:13px;line-height:1.5;color:#b5b5b5}
#p-ai-script .slx-p{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0c0c0c;color:#e6e6e6;font-family:inherit;font-size:12.5px;line-height:1.5;resize:vertical}
