
/* หน้าต่าง "สร้างหนัง AI" — กระจกฝ้า + ปุ่มนูน */
#aim.tcf{background:radial-gradient(ellipse at 50% 28%,rgba(229,9,20,.12),transparent 60%),rgba(6,5,5,.72)!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
#aim.tcf .box.rn{position:relative;width:min(520px,calc(100vw - 32px));max-width:none;padding:26px 28px 24px;border:1px solid rgba(255,255,255,.1)!important;border-radius:24px;overflow:hidden;
 background:radial-gradient(120% 110px at 85% 0,rgba(229,9,20,.18),transparent 70%),linear-gradient(180deg,rgba(60,50,44,.96) 0%,rgba(34,28,24,.98) 50%,rgba(22,18,15,.99) 100%);
 box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 -1px 0 rgba(0,0,0,.55) inset,0 0 0 1px rgba(0,0,0,.55),0 4px 8px rgba(0,0,0,.35),0 18px 36px rgba(0,0,0,.5),0 44px 90px rgba(0,0,0,.65),0 0 80px -20px rgba(229,9,20,.35);
 animation:aimPop .3s cubic-bezier(.2,.9,.3,1.12) both}
@keyframes aimPop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
#aim .sum{display:none}
#aim.tcf h3{display:flex;align-items:center;gap:14px;margin:0 0 6px;font-size:22px;font-weight:800;color:#fbf6ec;letter-spacing:.2px}
#aim.tcf h3::before{content:"✨";flex:none;display:grid;place-items:center;width:46px;height:46px;font-size:22px;border-radius:14px;
 background:linear-gradient(180deg,#ff4a54,#c40812);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -3px 0 rgba(90,0,0,.35) inset,0 8px 18px -2px rgba(229,9,20,.55),0 2px 4px rgba(0,0,0,.4)}
#aim.tcf label{display:block;margin:18px 0 7px;font-size:13px;font-weight:700;letter-spacing:.3px;color:#cfc6bb}
#aim.tcf input,#aim.tcf textarea{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#fff;font:inherit;font-size:15.5px;
 background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.26));box-shadow:0 3px 8px rgba(0,0,0,.55) inset,0 1px 0 rgba(255,255,255,.07);transition:border-color .15s,box-shadow .15s,background .15s}
#aim.tcf input::placeholder,#aim.tcf textarea::placeholder{color:#7d746a}
#aim.tcf textarea{min-height:104px;resize:vertical;line-height:1.55;overflow-y:auto!important}
#aim.tcf input:focus,#aim.tcf textarea:focus{outline:0;border-color:rgba(255,90,100,.75);background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.32));box-shadow:0 3px 8px rgba(0,0,0,.55) inset,0 0 0 4px rgba(229,9,20,.22)}
#aim.tcf .act{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
#aim.tcf .act button{min-width:104px;padding:12px 22px;border:0;border-radius:13px;cursor:pointer;font:700 15px/1.2 inherit;color:#fff;transition:transform .12s,filter .15s,box-shadow .15s}
#aim.tcf .act button[data-x]{color:#e8e0d4;background:linear-gradient(180deg,#5a544e,#3c3733);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 -3px 0 rgba(0,0,0,.35) inset,0 6px 14px rgba(0,0,0,.4)}
#aim.tcf .act button[data-x]:hover{filter:brightness(1.12);transform:translateY(-1px)}
#aim.tcf .act button.ok{color:#fff;text-shadow:0 -1px 0 rgba(90,0,0,.5);background:linear-gradient(180deg,#ff4a54,#c40812);box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 -3px 0 rgba(90,0,0,.4) inset,0 10px 22px -4px rgba(229,9,20,.6),0 2px 4px rgba(0,0,0,.4)}
#aim.tcf .act button.ok:hover{background:linear-gradient(180deg,#ff6068,#d30c18);transform:translateY(-1px)}
#aim.tcf .act button:active{transform:translateY(2px);box-shadow:0 2px 6px rgba(0,0,0,.5) inset}
#aim.tcf .act button:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.cute #aim.tcf .box.rn{background:radial-gradient(120% 110px at 85% 0,rgba(255,143,199,.28),transparent 70%),linear-gradient(180deg,#4a3a78,#2f2450);border-color:rgba(255,143,199,.45)!important}
body.cute #aim.tcf h3::before,body.cute #aim.tcf .act button.ok{background:linear-gradient(135deg,#ff8fc7,#b79cff);text-shadow:none}
@media(prefers-reduced-motion:reduce){#aim.tcf .box.rn{animation:none}#aim.tcf .act button{transition:none}}
