.agent-launch{border:0;cursor:pointer;font:inherit}.agent-fab{position:fixed;right:22px;bottom:22px;z-index:80;border:1px solid rgba(47,230,198,.45);border-radius:999px;background:rgba(3,12,20,.88);color:#dffdf7;padding:13px 17px;letter-spacing:.09em;font-size:.68rem;box-shadow:0 10px 35px rgba(0,0,0,.4),0 0 28px rgba(47,230,198,.12);backdrop-filter:blur(14px);cursor:pointer}.agent-fab span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fe6c6;box-shadow:0 0 12px #2fe6c6;margin-right:8px}.agent-shell{position:fixed;inset:0;z-index:200}.agent-shell[hidden]{display:none}.agent-backdrop{position:absolute;inset:0;background:rgba(0,4,8,.76);backdrop-filter:blur(8px)}.agent-panel{position:absolute;inset:4vh 4vw;background:linear-gradient(145deg,rgba(5,17,28,.985),rgba(2,7,13,.99));border:1px solid rgba(77,190,219,.3);border-radius:24px;box-shadow:0 30px 100px #000;overflow:hidden;color:#eef7f7}.agent-head{height:100px;padding:22px 28px;border-bottom:1px solid rgba(154,246,228,.12);display:flex;align-items:center;justify-content:space-between}.agent-head h2{margin:3px 0 0;font:500 clamp(1.6rem,3vw,2.7rem)/1.05 var(--font-display)}.agent-head .eyebrow{margin:0}.agent-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:1.7rem;cursor:pointer}.agent-body{height:calc(100% - 145px);display:grid;grid-template-columns:1.05fr .95fr}.agent-conversation{display:flex;min-width:0;flex-direction:column;border-right:1px solid rgba(154,246,228,.12)}.agent-log{flex:1;overflow:auto;padding:26px}.agent-msg{max-width:82%;margin:0 0 16px;padding:13px 15px;border-radius:15px;line-height:1.5;font-size:.96rem}.agent-msg.agent{background:rgba(47,230,198,.08);border:1px solid rgba(47,230,198,.18);border-bottom-left-radius:4px}.agent-msg.user{margin-left:auto;background:rgba(68,132,210,.14);border:1px solid rgba(97,169,255,.18);border-bottom-right-radius:4px}.agent-form{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(154,246,228,.1)}.agent-form textarea{flex:1;resize:none;border:1px solid rgba(154,246,228,.2);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;padding:13px;font:inherit;outline:none}.agent-form textarea:focus{border-color:#2fe6c6;box-shadow:0 0 0 3px rgba(47,230,198,.08)}.agent-form .cta-pill{border:0;min-width:92px;cursor:pointer}.agent-prompts{display:flex;gap:8px;padding:0 20px 18px;flex-wrap:wrap}.agent-prompts button{border:1px solid rgba(154,246,228,.18);border-radius:999px;background:transparent;color:#9af6e4;padding:7px 10px;font:500 .58rem var(--font-mono);letter-spacing:.08em;cursor:pointer}.agent-blueprint{position:relative;padding:30px;overflow:auto;background:radial-gradient(circle at 50% 30%,rgba(23,110,142,.12),transparent 48%)}.agent-status{font-size:.62rem;letter-spacing:.15em;color:#9af6e4}.agent-blueprint h3{font-size:clamp(1.8rem,4vw,3.5rem);margin:18px 0 26px;max-width:520px}.agent-map{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px}.agent-map span{padding:9px 11px;border:1px solid rgba(47,230,198,.35);border-radius:8px;font:500 .58rem var(--font-mono);color:#9af6e4}.agent-map i{height:1px;background:linear-gradient(90deg,#2fe6c6,rgba(47,230,198,.12));box-shadow:0 0 9px rgba(47,230,198,.5)}.agent-stack{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.agent-stack span{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-size:.76rem}.agent-recommend{padding:18px;border-left:2px solid #2fe6c6;background:rgba(47,230,198,.045)}.agent-recommend small{display:block;color:#9af6e4;font:500 .56rem var(--font-mono);letter-spacing:.12em;margin-bottom:7px}.agent-recommend strong{font-weight:500}.agent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.agent-actions a,.agent-actions button{padding:11px 14px;border-radius:999px;text-decoration:none;font:600 .67rem var(--font-mono);letter-spacing:.04em;cursor:pointer}.agent-actions .primary{background:#2fe6c6;color:#041015;border:0}.agent-actions .secondary{background:transparent;color:#dffdf7;border:1px solid rgba(154,246,228,.3)}.agent-guard{position:absolute;bottom:0;left:0;right:0;height:45px;margin:0;padding:15px 28px;background:#02070c;border-top:1px solid rgba(154,246,228,.1);font-size:.54rem;color:rgba(238,247,247,.52);letter-spacing:.04em}@media(max-width:760px){.agent-fab{right:14px;bottom:14px}.agent-panel{inset:0;border-radius:0}.agent-head{height:82px;padding:16px 18px}.agent-body{height:calc(100% - 127px);display:block;overflow:auto}.agent-conversation{height:55%;min-height:410px;border-right:0;border-bottom:1px solid rgba(154,246,228,.12)}.agent-log{padding:18px}.agent-form{padding:12px}.agent-form .cta-pill{min-width:70px;padding:0 12px}.agent-prompts{padding:0 12px 12px}.agent-blueprint{min-height:420px;padding:22px 18px 70px}.agent-guard{font-size:.48rem;padding:13px 16px}.agent-msg{max-width:92%}}@media(prefers-reduced-motion:reduce){.agent-fab span{box-shadow:none}}
/* ===== BUILD AGENT MOBILE INPUT HOTFIX ===== */
.agent-form .cta-pill{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:96px!important;
  min-height:52px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  background:#2fe6c6!important;
  background-image:none!important;
  color:#041015!important;
  box-shadow:0 0 22px rgba(47,230,198,.18)!important;
  transform:none!important;
  overflow:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font:600 .7rem var(--font-mono)!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.agent-form .cta-pill::before,.agent-form .cta-pill::after{display:none!important;content:none!important}
.agent-form .cta-pill:active{transform:scale(.97)!important}
@media(max-width:760px){
  .agent-conversation{height:auto;min-height:480px}
  .agent-log{min-height:190px}
  .agent-form{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:stretch;gap:10px}
  .agent-form textarea{min-width:0;min-height:94px;font-size:16px;line-height:1.4}
  .agent-form .cta-pill{width:92px!important;min-width:92px!important;height:54px!important;min-height:54px!important;align-self:center}
  .agent-prompts button{min-height:42px;padding:9px 13px}
  .agent-blueprint{min-height:360px}
}


/* ===== BUILD AGENT MOBILE LAYOUT FIX 2026-09-30 ===== */
@media(max-width:760px){
  .agent-panel{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}
  .agent-head{flex:0 0 auto;height:auto;min-height:118px;padding:20px 28px 18px;align-items:flex-end}
  .agent-head h2{font-size:clamp(1.9rem,8vw,2.45rem);line-height:1.02;margin-top:8px}
  .agent-close{flex:0 0 48px;width:48px;height:48px;margin-bottom:2px}
  .agent-body{flex:1 1 auto;height:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .agent-conversation{flex:0 0 auto;height:auto;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid rgba(154,246,228,.12)}
  .agent-log{flex:0 1 auto;min-height:0;max-height:34dvh;padding:18px 28px 12px;overflow:auto}
  .agent-msg{max-width:100%;font-size:1rem;line-height:1.45}
  .agent-form{flex:0 0 auto;display:flex;align-items:flex-end;gap:10px;padding:12px 20px;border-top:1px solid rgba(154,246,228,.1)}
  .agent-form textarea{flex:1 1 auto;width:100%;min-width:0;height:86px;min-height:86px;max-height:130px;padding:14px 16px;font-size:16px;line-height:1.35;overflow:auto}
  .agent-form .cta-pill{flex:0 0 86px!important;width:86px!important;min-width:86px!important;height:54px!important;min-height:54px!important;padding:0 10px!important;border-radius:14px!important;font-size:.67rem!important}
  .agent-prompts{flex:0 0 auto;padding:0 20px 12px;gap:7px}
  .agent-prompts button{min-height:38px;padding:8px 11px}
  .agent-blueprint{flex:1 1 auto;min-height:0;padding:20px 22px 76px;overflow:auto}
  .agent-blueprint h3{font-size:clamp(1.7rem,8vw,2.6rem);margin:12px 0 18px}
  .agent-map{grid-template-columns:auto 1fr auto;gap:7px}
  .agent-map i:nth-of-type(2),.agent-map span:nth-of-type(3){display:none}
  .agent-stack{margin:18px 0}
  .agent-actions{padding-bottom:12px}
  .agent-actions a,.agent-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .agent-guard{position:absolute;z-index:4;height:auto;min-height:52px;padding:10px 18px;font-size:.46rem;line-height:1.45;padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  .agent-head{padding-left:20px;padding-right:20px}
  .agent-log{padding-left:20px;padding-right:20px}
  .agent-form{padding-left:14px;padding-right:14px}
  .agent-form .cta-pill{flex-basis:78px!important;width:78px!important;min-width:78px!important}
}
