#gptt{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:8000;writing-mode:vertical-rl;padding:14px 9px;font:600 14px/1 'Sarabun',system-ui,sans-serif;letter-spacing:.06em;color:var(--ink);background:#1d1713;border:1px solid rgba(255,255,255,.14);border-right:0;border-radius:12px 0 0 12px;cursor:pointer;box-shadow:-6px 0 20px rgba(0,0,0,.35)}
#gptt:hover{background:#2a211b}
#gptt[hidden]{display:none}
#gptp{position:fixed;top:0;right:0;bottom:0;z-index:8500;width:min(400px,100vw);display:flex;flex-direction:column;color:var(--ink);background:#15110e;border-left:1px solid rgba(255,255,255,.1);box-shadow:-20px 0 50px rgba(0,0,0,.5);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;font-family:'Sarabun',system-ui,sans-serif}
#gptp.on{transform:none;visibility:visible;transition:transform .22s ease}
#gptp .gh{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
#gptp .gh b{flex:1;font-size:16px}
#gptp .gh button{font:inherit;font-size:15px;color:var(--mute);background:transparent;border:0;border-radius:8px;width:32px;height:32px;cursor:pointer}
#gptp .gh button:hover{background:rgba(255,255,255,.09);color:var(--ink)}
#gptp .gs{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--mute)}
#gptp .gs[hidden]{display:none}
#gptp .gs label{display:flex;flex-direction:column;gap:4px}
#gptp .gs input[type=password],#gptp .gs input[type=text]{font:inherit;font-size:14px;color:var(--ink);background:#241d18;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;width:100%}
#gptp .gs .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#gptp .gs .row.ck{gap:6px;color:var(--ink)}
#gptp .gs button{font:inherit;font-size:13px;color:var(--ink);background:rgba(255,255,255,.09);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
#gptp .gs button:hover{background:rgba(255,255,255,.16)}
#gptp .gs a{color:var(--acc)}
#gptp .gs small{line-height:1.5}
#gptl{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
#gptl .hint{margin:auto;text-align:center;color:var(--mute);font-size:14px;line-height:1.6;max-width:260px}
#gptl .m{position:relative;max-width:92%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
#gptl .m.user{align-self:flex-end;background:#3a2c20;border-bottom-right-radius:4px}
#gptl .m.bot{align-self:flex-start;background:#241d18;border-bottom-left-radius:4px}
#gptl .m.err{align-self:stretch;max-width:100%;background:rgba(229,9,20,.14);color:#ffb3ad;font-size:13.5px}
#gptl .cp{display:block;margin-top:6px;font-size:12px;color:var(--mute);cursor:pointer;background:none;border:0;padding:0;font-family:inherit}
#gptl .cp:hover{color:var(--ink)}
#gptp .gf{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}
#gpti{flex:1;resize:none;max-height:140px;min-height:42px;font:inherit;font-size:14.5px;line-height:1.5;color:var(--ink);background:#241d18;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:9px 12px}
#gpti:focus,#gptp .gs input:focus{outline:2px solid var(--acc);outline-offset:0}
#gptsend{font:inherit;font-weight:600;font-size:14px;color:#1a1008;background:var(--acc);border:0;border-radius:12px;padding:0 16px;height:42px;cursor:pointer}
#gptsend:hover{filter:brightness(1.08)}
/* กันสไตล์ปุ่ม/ช่องกรอก/ลิงก์ส่วนกลางของเพจ */
#gptp #gptsend{background:var(--acc)!important;color:#1a1008!important;border:0!important;box-shadow:none!important;border-radius:12px!important;min-width:0!important;padding:0 16px!important}
#gptp #gpti,#gptp .gs input[type=password],#gptp .gs input[type=text]{background:#241d18!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:var(--ink)!important}
#gptp #gpti:focus,#gptp .gs input:focus{outline:2px solid var(--acc)!important;border-color:transparent!important}
#gptp .gs a{color:var(--acc)!important;text-decoration:underline}
#gptp .gs label.ck{flex-direction:row;align-items:center;gap:8px;text-align:left}
#gptp .gs label.ck input{width:auto;margin:0}
#gptp .gs button,#gptp .gh button,#gptl .cp{box-shadow:none!important;min-width:0!important}
#gptp .gs button{background:rgba(255,255,255,.09)!important;border:0!important;color:var(--ink)!important}
#gptp .gh button,#gptl .cp{background:transparent!important;border:0!important}