/* AI² COMPOSER SHELL V1 — fixed conversation workspace + extensible capability tray */
.ai2-chat-shell{max-width:980px;margin:22px auto 0;padding:0 22px;position:relative}
.ai2-chat-brand{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.ai2-chat-brand .ai2-chat-mark{display:block;width:auto;height:54px;filter:drop-shadow(0 0 24px rgba(59,130,246,.18))}
.ai2-chat-surface{position:relative;border:1px solid rgba(96,146,226,.18);border-radius:18px;background:linear-gradient(180deg,rgba(8,15,28,.88),rgba(6,12,23,.94));box-shadow:0 26px 72px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.ai2-chat-thread{height:min(52vh,560px);min-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 18px 12px;scroll-behavior:smooth}
.ai2-chat-thread:empty::before{content:'Start with what you want to accomplish.';display:block;color:#60748d;font-size:13px;padding:28px 6px;text-align:center}
.ai2-chat-composer{position:sticky;bottom:0;z-index:6;border-top:1px solid rgba(96,146,226,.10);background:linear-gradient(180deg,rgba(6,12,23,.94),rgba(5,10,19,.99));backdrop-filter:blur(14px);padding:12px}
.ai2-chat-composer textarea{display:block;width:100%;min-height:54px;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:#e9f1fb;font:15px/1.55 var(--sans);padding:4px 4px 8px}
.ai2-chat-composer textarea::placeholder{color:#60748d}
.ai2-chat-bar{display:flex;align-items:center;gap:8px}
.ai2-chat-bar .spring{flex:1}
.ai2-chat-btn{height:34px;min-width:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(96,146,226,.16);background:rgba(255,255,255,.018);color:#8ca1ba;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600}
.ai2-chat-btn:hover,.ai2-chat-btn[aria-expanded="true"],.ai2-chat-btn.on{border-color:rgba(107,166,255,.36);background:rgba(59,130,246,.07);color:#e5eff9}
.ai2-chat-btn.icon{width:34px;padding:0;font-size:18px}
.ai2-chat-btn.mic[data-state="listening"]{border-color:rgba(255,119,131,.45);color:#ffd2d6;box-shadow:0 0 0 3px rgba(255,119,131,.06)}
.ai2-chat-send{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,#4d8dff,#3b6ef5);border:1px solid rgba(140,190,255,.42);box-shadow:0 8px 22px rgba(59,110,245,.28)}
.ai2-chat-send svg{width:16px;height:16px}
.ai2-cap-tray{position:absolute;left:12px;bottom:62px;z-index:20;width:min(360px,calc(100% - 24px));padding:9px;border:1px solid rgba(96,146,226,.18);border-radius:14px;background:rgba(7,13,24,.98);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.52)}
.ai2-cap-tray[hidden]{display:none!important}
.ai2-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ai2-cap-item{min-height:54px;padding:9px 10px;border-radius:10px;border:1px solid rgba(96,146,226,.11);background:rgba(255,255,255,.015);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px}
.ai2-cap-item b{font-size:11px;color:#cbd9e9}.ai2-cap-item small{font-size:9.5px;color:#6f839c;line-height:1.35}
.ai2-cap-item:hover{border-color:rgba(107,166,255,.28);background:rgba(59,130,246,.05)}
.ai2-cap-item[aria-disabled="true"]{opacity:.48;cursor:not-allowed}
.ai2-attachment-strip{display:flex;gap:6px;flex-wrap:wrap;padding:0 2px 8px}
.ai2-attachment-strip:empty{display:none}
.ai2-attachment-chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;height:26px;padding:0 8px;border-radius:999px;border:1px solid rgba(96,146,226,.14);background:rgba(255,255,255,.02);color:#9cb0c8;font-size:10px}
.ai2-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai2-attachment-chip button{color:#657990;font-size:13px}
.ai2-scratch-trigger-row{display:flex;justify-content:center;padding:8px 0 0}
.ai2-scratch-trigger{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(96,146,226,.13);background:rgba(255,255,255,.015);color:#7f93ab;font:650 9.5px var(--mono);letter-spacing:.05em}
.ai2-scratch-trigger:hover{color:#d8e7f6;border-color:rgba(107,166,255,.3)}
.ai2-chat-drop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(4,8,16,.88);backdrop-filter:blur(5px);border:1px dashed rgba(107,166,255,.46);color:#cfe2f6;font-size:13px;pointer-events:none}
.ai2-chat-drop[hidden]{display:none!important}
@media(max-width:700px){.ai2-chat-shell{padding:0 10px;margin-top:14px}.ai2-chat-thread{height:48vh;min-height:280px;padding:14px 12px 10px}.ai2-chat-composer{padding:10px}.ai2-cap-grid{grid-template-columns:1fr}.ai2-chat-btn .label{display:none}}
@media(prefers-reduced-motion:reduce){.ai2-chat-thread{scroll-behavior:auto}.ai2-chat-btn,.ai2-chat-send{transition:none!important}}