
/* ===== สไตล์ PRESET (คีย์กราไฟต์ + ช่อง LED) ให้หน้าสร้างปก เหมือนหน้าบทหนัง ===== */
#p-ai-cvr#p-ai-cvr#p-ai-cvr{--led:#ff3b2f;--ledg:rgba(255,59,47,.85)}
/* แผง + สกรูมุม */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ctl,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-out{border:1px solid rgba(255,255,255,.1);border-radius:16px;
 background:radial-gradient(circle,#9a9a9a 0 1.4px,#2b2b2b 2.4px 3.6px,transparent 4px) left 7px top 7px/10px 10px no-repeat,radial-gradient(circle,#9a9a9a 0 1.4px,#2b2b2b 2.4px 3.6px,transparent 4px) right 7px top 7px/10px 10px no-repeat,radial-gradient(circle,#9a9a9a 0 1.4px,#2b2b2b 2.4px 3.6px,transparent 4px) left 7px bottom 7px/10px 10px no-repeat,radial-gradient(circle,#9a9a9a 0 1.4px,#2b2b2b 2.4px 3.6px,transparent 4px) right 7px bottom 7px/10px 10px no-repeat,linear-gradient(180deg,#242424,#141414);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.5),0 0 0 1px #000}
/* หัวขั้นตอน: ป้าย STEP แดง */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-step{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:9px 12px;border-radius:12px;font-size:16px;font-weight:800;color:#fff;
 background:linear-gradient(180deg,#1b1b1b,#101010);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.05)}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-step i{display:inline-block;flex:none;width:auto;height:auto;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:800;font-style:normal;letter-spacing:.1em;line-height:1.2;color:#fff;
 background:#e50914;box-shadow:0 2px 8px rgba(229,9,20,.4)}
/* คีย์กราไฟต์ */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb{position:relative;border:1px solid #000;border-radius:7px;color:#e8e0cd;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}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b{min-height:44px;padding:17px 18px 10px;font-size:14px;font-weight:800;margin-bottom:3px}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-go{width:100%;min-height:54px;margin-top:20px;margin-bottom:5px;font-size:16px}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chips{gap:10px 7px}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip{min-height:0;padding:12px 14px 7px;font-size:12.5px;font-weight:700;line-height:1.1;margin-bottom:3px}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb{padding:15px 14px 9px;margin-bottom:3px}
/* ช่องไฟ LED */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b::after,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip::after,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb::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-cvr#p-ai-cvr#p-ai-cvr .cvr-b:hover:not(:disabled),#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip:hover:not(:disabled),#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb:hover:not(:disabled){filter:brightness(1.13);transform:none;border-color:#000;color:#e8e0cd;background:linear-gradient(180deg,#4a4843,#2e2c29)}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b:active:not(:disabled),#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip:active:not(:disabled),#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb:active:not(:disabled){transform:translateY(2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #090908}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b:focus-visible,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip:focus-visible,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
/* กดค้าง = จมลง ไฟ LED ติด (ชิปที่เลือก · เมนูที่เปิด) */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip.on,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip.on:hover,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb[aria-expanded=true]{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}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip.on::after,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb[aria-expanded=true]::after,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-red::after{background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
/* เขียนพรอมต์เสร็จ = ไฟเขียว · กำลังทำงาน = จมลง ไฟแดงกะพริบ */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-main:has(#cvrOutBox:not([hidden])) .cvr-go:not(:disabled)::after{--led:#3bd16f;--ledg:rgba(59,209,111,.85);background:var(--led);box-shadow:0 0 7px 1px var(--ledg),inset 0 1px 0 rgba(255,255,255,.55)}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b:disabled{opacity:1;cursor:progress;transform:translateY(3px);color:#fff;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;filter:none}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b:disabled::after{background:#ff3b2f;box-shadow:0 0 7px 1px rgba(255,59,47,.85),inset 0 1px 0 rgba(255,255,255,.55);animation:cvrLamp 1s steps(2,jump-none) infinite}
@keyframes cvrLamp{50%{opacity:.35}}
/* จอสถานะ CRT แดง */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-src{padding:9px 12px;border:1px solid #000;border-radius:5px;font-size:12px;letter-spacing:.02em;color:#ff8d7c;text-shadow:0 0 6px rgba(255,59,47,.55);
 background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),linear-gradient(180deg,#160605,#0b0303);box-shadow:inset 0 2px 5px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.12),0 0 0 1px #4a4740}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-src.ok b{color:#8be28b;text-shadow:0 0 6px rgba(139,226,139,.5)}
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-src.no b{color:#ff6a5c}
/* ช่องกรอก: ฝังลึก */
#p-ai-cvr#p-ai-cvr#p-ai-cvr input[type=text],#p-ai-cvr#p-ai-cvr#p-ai-cvr textarea,#p-ai-cvr#p-ai-cvr#p-ai-cvr select{border:1px solid #000;box-shadow:inset 0 2px 5px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.1),0 0 0 1px #3a3833}
#p-ai-cvr#p-ai-cvr#p-ai-cvr input[type=text]:focus,#p-ai-cvr#p-ai-cvr#p-ai-cvr textarea:focus,#p-ai-cvr#p-ai-cvr#p-ai-cvr select:focus{border-color:#000;box-shadow:inset 0 2px 5px rgba(0,0,0,.8),0 0 0 2px rgba(255,59,47,.6)}
/* เมนูเลือกสไตล์ */
#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddm{border:1px solid #000;box-shadow:0 0 0 1px #4a4740,0 18px 40px rgba(0,0,0,.65)}
@media(prefers-reduced-motion:reduce){#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-chip,#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-ddb{transition:none}#p-ai-cvr#p-ai-cvr#p-ai-cvr .cvr-b:disabled::after{animation:none}}
