#acpt{position:fixed;right:0;top:calc(50% + 150px);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,#f3ebe1);cursor:pointer;
  background:linear-gradient(180deg,#2a2018,#1a1410);border:1px solid rgba(255,255,255,.14);border-right:0;border-radius:12px 0 0 12px;box-shadow:-6px 0 20px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.1) inset;transition:background .2s,padding .2s,box-shadow .2s}
#acpt:hover{background:linear-gradient(180deg,#3a2b20,#241b14);padding-right:13px;box-shadow:-10px 0 26px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.14) inset}
#acpt::before{content:"";display:inline-block;width:8px;height:8px;margin-bottom:8px;border-radius:50%;background:#e50914;box-shadow:0 0 8px rgba(229,9,20,.8)}
#acpt[hidden]{display:none}
#acp{position:fixed;top:12px;right:12px;bottom:12px;z-index:8400;width:min(410px,calc(100vw - 24px));display:flex;flex-direction:column;overflow:hidden;color:var(--ink,#f3ebe1);font-family:'Sarabun',system-ui,sans-serif;
  background:linear-gradient(180deg,rgba(44,35,29,.96),rgba(22,17,13,.98) 40%,rgba(16,12,9,.99));border:1px solid rgba(255,255,255,.1);border-radius:20px;
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 0 0 1px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35),0 24px 50px rgba(0,0,0,.5),0 50px 110px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  transform:translateX(calc(100% + 30px));visibility:hidden;opacity:0;transition:transform .38s cubic-bezier(.2,.9,.3,1.05),opacity .25s,visibility 0s .38s}
#acp.on{transform:none;visibility:visible;opacity:1;transition:transform .38s cubic-bezier(.2,.9,.3,1.05),opacity .25s}
#acp .ah{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 140% at 0 0,rgba(229,9,20,.14),transparent 65%)}
#acp .ah b{flex:1;font-size:16px;display:flex;align-items:center;gap:9px}
#acp .ah b::before{content:"";width:4px;height:17px;border-radius:3px;background:linear-gradient(180deg,#ff2b36,#b30710);box-shadow:0 0 10px rgba(229,9,20,.6)}
#acp .ah button,#acp .ah select{font:inherit;font-size:13.5px;color:var(--ink,#f3ebe1);border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));cursor:pointer;transition:background .15s,transform .15s}
#acp .ah select{padding:6px 8px;color-scheme:dark}
#acp .ah select option{background:#1d1713;color:#f3ebe1}
#acp .ah button{width:34px;height:34px;padding:0;font-size:15px}
#acp .ah button:hover,#acp .ah select:hover{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))}
#acp .ah button:active{transform:scale(.94)}
#acp .am{padding:6px 16px;font-size:12px;color:var(--mute,#a99c8d);border-bottom:1px solid rgba(255,255,255,.05);min-height:28px;display:flex;align-items:center}
#acpl{flex:1;overflow:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
#acpl .hint{margin:auto;text-align:center;color:var(--mute,#a99c8d);font-size:14px;line-height:1.7;max-width:270px}
#acpl .hint i{display:block;font-style:normal;font-size:30px;margin-bottom:8px;opacity:.8}
#acpl .m{position:relative;max-width:90%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;animation:acpIn .28s cubic-bezier(.2,.9,.3,1.1) backwards;box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 3px 10px rgba(0,0,0,.3)}
#acpl .m.user{align-self:flex-end;background:linear-gradient(180deg,#4a2c26,#35201b);border-bottom-right-radius:5px}
#acpl .m.bot{align-self:flex-start;background:linear-gradient(180deg,#2c241e,#221b16);border-bottom-left-radius:5px}
#acpl .m.err{align-self:stretch;max-width:100%;background:rgba(229,9,20,.14);color:#ffb3ad;font-size:13.5px;box-shadow:none}
#acpl .m.think{color:var(--mute,#a99c8d)}
#acpl .m.think::after{content:"";display:inline-block;width:1.6em;text-align:left;animation:acpDots 1.2s steps(4,end) infinite}
#acpl .cp{display:block;margin-top:7px;font:inherit;font-size:12px;color:var(--mute,#a99c8d);background:none;border:0;padding:0;cursor:pointer}
#acpl .cp:hover{color:#fff}
#acp .af{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
#acpi{flex:1;resize:none;max-height:140px;font:inherit;font-size:15px;line-height:1.5;color:#fff;background:#0f0c0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 13px;box-shadow:0 2px 6px rgba(0,0,0,.55) inset;transition:border-color .18s,box-shadow .18s}
#acpi::placeholder{color:#7c7168}
#acpi:focus{outline:0;border-color:rgba(229,9,20,.7);box-shadow:0 2px 6px rgba(0,0,0,.55) inset,0 0 0 3px rgba(229,9,20,.18)}
#acps{flex:none;height:42px;min-width:62px;padding:0 16px;font:700 14.5px 'Sarabun',sans-serif;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;cursor:pointer;background:linear-gradient(180deg,#f4202b,#c8070f);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 6px 14px rgba(229,9,20,.32);transition:transform .15s,filter .15s}
#acps:hover{filter:brightness(1.1);transform:translateY(-1px)}
#acps:active{transform:translateY(1px)}
#acps.stop{background:linear-gradient(180deg,#6a6a6d,#444447);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 4px 10px rgba(0,0,0,.4)}
#acp .am{justify-content:space-between;gap:10px}
#acpm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#acpctx{flex:none;font:inherit;font-size:11.5px;line-height:1;padding:5px 9px;border-radius:99px;cursor:pointer;color:var(--mute,#a99c8d);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);transition:background .15s,color .15s,border-color .15s}
#acpctx.on{color:#ffd9a0;border-color:rgba(245,154,35,.55);background:linear-gradient(180deg,rgba(245,154,35,.26),rgba(245,154,35,.1))}
#acp .ah button.on{background:linear-gradient(180deg,rgba(245,154,35,.34),rgba(245,154,35,.14));border-color:rgba(245,154,35,.6)}
#acp .aq{display:flex;gap:6px;padding:8px 12px 0;overflow-x:auto;scrollbar-width:none}
#acp .aq::-webkit-scrollbar{display:none}
#acp .aq button{flex:none;font:inherit;font-size:12.5px;line-height:1;padding:7px 11px;border-radius:99px;cursor:pointer;color:var(--ink,#f3ebe1);white-space:nowrap;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 2px 5px rgba(0,0,0,.3);transition:transform .15s,background .15s}
#acp .aq button:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))}
#acpl .acts{display:flex;gap:14px;margin-top:7px}
#acpl .acts .cp{display:inline;margin:0}
#acpl .m b{color:#fff}
#acpl .m code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.35)}
#acpl .m code.blk{display:block;padding:8px 10px;margin:6px 0;white-space:pre-wrap}
@media(min-width:900px){html{transition:padding-right .38s cubic-bezier(.2,.9,.3,1.05)}html.acp-pin{padding-right:422px}}
@keyframes acpIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes acpDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media(prefers-reduced-motion:reduce){#acp,#acp.on,#acpl .m{transition:none;animation:none}}
@media(max-width:600px){#acp{top:0;right:0;bottom:0;width:100vw;border-radius:0}}