:root{
  --panel:#0b1413f2; --panel2:#0e1918f2; --border:#1b2f2b;
  --accent:#23ffa7; --accent-soft:#23ffa733; --text:#ecfff7; --muted:#9ad1c2; --chip:#122825;
}
.ai-panel{background:linear-gradient(180deg,var(--panel),var(--panel2)); border:1px solid var(--border); border-radius:22px; box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 0 0 1px #1d2f2b; min-height:540px; max-height:540px; overflow:hidden; position:relative; font-family:ui-rounded,system-ui,-apple-system,"SF Pro Text",Segoe UI,Roboto,sans-serif; color:var(--text);}
.ai-panel .head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #18312c;background:linear-gradient(180deg,rgba(12,22,20,.7),rgba(10,18,16,.35))}
.ai-panel .h1{font-weight:900;letter-spacing:.2px}
.ai-panel .badge{display:flex;align-items:center;gap:8px}
.ai-panel .dot{width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 8px var(--accent-soft)}
.ai-panel .content{padding:12px 14px}
.ai-panel label{font-size:.83rem;color:var(--muted)}
.ai-panel input,.ai-panel select,.ai-panel textarea{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#0a1312;color:var(--text);outline:none;}
.ai-panel textarea{resize:none;min-height:76px}
.ai-panel .kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-panel .chips{display:flex;flex-wrap:wrap;gap:8px}
.ai-panel .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--chip);border:1px solid var(--border);cursor:pointer;user-select:none}
.ai-panel .chip input{width:auto;accent-color:var(--accent)}
.ai-panel .btns{display:flex;gap:10px}
.ai-panel .btn{flex:1;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1a5140,#0d2a23);border:1px solid #1a3a31;color:#fff;font-weight:800;cursor:pointer;transition:transform .06s ease, box-shadow .2s ease}
.ai-panel .btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.35), 0 0 18px 2px rgba(35,255,167,.25)}
.ai-panel .btn:active{transform:scale(.99)}
.ai-panel .btn.secondary{background:linear-gradient(180deg,#121b19,#0b1211);color:#d2ece3;border-color:#2a3f3a}
.ai-panel .help{position:absolute;bottom:10px;left:14px;right:14px;color:#93c8b9;font-size:.76rem;opacity:.85}
/* Segmented progress */
.ai-panel .progress{height:10px;background:#132623;border-radius:999px;overflow:hidden;position:relative;margin-bottom:10px}
.ai-panel .progress .bar{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#2dffb6,#11b97a);transition:width .35s ease}
.ai-panel .progress .segs{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr)}
.ai-panel .progress .segs i{border-left:1px solid #1d3a33;opacity:.8}
.ai-panel .progress.complete{box-shadow:0 0 0 2px rgba(35,255,167,.25), 0 0 24px rgba(35,255,167,.25) inset}
/* AI avatar */
.ai-panel .ai{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:8px}
.ai-panel .avatar{width:30px;height:30px;border-radius:999px;position:relative;background:radial-gradient(circle at 30% 30%,#1fe39a,#0e6046)}
.ai-panel .ring{position:absolute;inset:-6px;border-radius:999px;border:2px solid rgba(35,255,167,.35);animation:pulse 2s infinite}
.ai-panel .typing{display:inline-flex;gap:4px}
.ai-panel .typing span{width:6px;height:6px;border-radius:999px;background:#b2f5df;opacity:.5;animation:blink 1.3s infinite}
.ai-panel .typing span:nth-child(2){animation-delay:.2s}.ai-panel .typing span:nth-child(3){animation-delay:.4s}
@keyframes pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.12);opacity:.25}100%{transform:scale(1);opacity:.8}}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
/* Summary pop */
.ai-panel .summaryPop{position:absolute;inset:auto 14px 50px auto;right:14px;min-width:260px;border:1px solid #255046;border-radius:16px;padding:12px;background:linear-gradient(180deg,#0e1b18,#0a1211);display:none}
.ai-panel .summaryPop.show{display:block;animation:pop .2s ease}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
.ai-panel .small{font-size:.8rem;color:var(--muted)}