.bb-astra-side{--brand:#006dd9;--shell-h:345px;--pad:30px;--bg:#f0f6ff;--radius:9px;--card-h:calc(var(--shell-h) - var(--pad)*2);--ink:#0f172a;--glass:hsla(0,0%,100%,.26);--glass-strong:hsla(0,0%,100%,.46);--glass-line:hsla(0,0%,100%,.4);--blur:18px;box-sizing:border-box;width:100%}.bb-astra-side .bb-shell{background:var(--bg);border-radius:var(--radius);box-sizing:border-box;height:var(--shell-h);margin:0 auto;max-width:1200px;min-height:var(--shell-h);overflow:hidden;padding:var(--pad)}.bb-astra-side .bb-grid{align-items:stretch;display:grid;gap:28px;grid-template-columns:35% 65%;height:100%}.bb-astra-side .bb-copy{display:flex;flex-direction:column;height:100%;justify-content:center}.bb-astra-side .bb-copy p{color:#334155;margin:10px 0 0}.bb-astra-side .bb-visual{align-items:center;display:flex;height:100%;justify-content:flex-end;min-width:0;padding-right:15px}.bb-astra-side .astra-card{-webkit-backdrop-filter:blur(var(--blur)) saturate(145%);backdrop-filter:blur(var(--blur)) saturate(145%);background:var(--glass-strong);border:1px solid var(--glass-line);border-radius:12px;box-shadow:none;color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;height:var(--card-h);max-width:680px;overflow:hidden;width:100%}.bb-astra-side .astra-header{align-items:center;-webkit-backdrop-filter:blur(calc(var(--blur)*.9)) saturate(145%);backdrop-filter:blur(calc(var(--blur)*.9)) saturate(145%);background:var(--glass-strong);border-bottom:1px solid var(--glass-line);display:flex;gap:6px;padding:8px 12px}.bb-astra-side .astra-logo{background:rgba(255,105,180,.22);border:1px solid var(--glass-line);border-radius:6px;display:grid;height:20px;overflow:hidden;place-items:center;width:20px}.bb-astra-side .astra-logo img{display:block;height:100%;object-fit:contain;width:100%}.bb-astra-side .astra-ttl{font-size:12.5px;font-weight:700;white-space:nowrap}.bb-astra-side .astra-body{display:grid;gap:6px;grid-template-rows:auto 1fr;min-height:0;padding:6px 14px 6px 8px}.bb-astra-side .bubble{-webkit-backdrop-filter:blur(calc(var(--blur)*.75)) saturate(150%);backdrop-filter:blur(calc(var(--blur)*.75)) saturate(150%);background:var(--glass);border:1px solid var(--glass-line);border-radius:10px;font-size:13px;padding:8px 10px}.bb-astra-side .prompt{background:linear-gradient(180deg,rgba(22,99,255,.62),rgba(22,99,255,.48));border-color:rgba(22,99,255,.62);color:#fff;font-size:12px;line-height:1.3;margin:2px 0 4px;padding:6px 8px}.bb-astra-side .reply{background:var(--glass);display:flex;min-height:0}.bb-astra-side .reply-body{color:#102036;flex:1 1 auto;font-size:12.5px;line-height:1.45;min-height:0;overflow:auto!important;padding-right:12px;scrollbar-width:auto}.bb-astra-side .reply-body::-webkit-scrollbar{width:10px}.bb-astra-side .reply-body::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:6px}.bb-astra-side .reply-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28);border-radius:6px}.bb-astra-side .astra-footer{align-items:center;-webkit-backdrop-filter:blur(calc(var(--blur)*.9)) saturate(145%);backdrop-filter:blur(calc(var(--blur)*.9)) saturate(145%);background:var(--glass-strong);border-top:1px solid var(--glass-line);color:#0f172a;display:flex;font-size:10.5px;justify-content:space-between;padding:5px 12px}.bb-astra-side .send{appearance:none;background:var(--brand);border:0;border-radius:999px;color:#fff;cursor:pointer;display:grid;font-weight:700;height:22px;place-items:center;width:22px}@media (min-width:1400px){.bb-astra-side .astra-card{max-width:760px}}@media (max-width:840px){.bb-astra-side{--shell-h:480px;--card-h:calc(var(--shell-h) - var(--pad)*2)}.bb-astra-side .bb-grid{gap:16px;grid-template-columns:1fr}.bb-astra-side .bb-visual{justify-content:flex-start;padding-right:0}.bb-astra-side .astra-card{max-width:100%}}