.cmp{align-items:flex-end;gap:8px;width:100%;display:flex}.cmp-box{background:#141415;border:1px solid #ffffff29;border-radius:18px;flex:1;align-items:flex-end;gap:8px;min-width:0;padding:6px 6px 6px 16px;transition:border-color .2s;display:flex}.cmp-box:focus-within{border-color:#ffffff4d}.cmp-field{resize:none;color:#f7f7f7;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 0 0;overflow-y:auto}.cmp-field::placeholder{color:#8e8e8e}.cmp-ghost{color:#8e8e8e;cursor:pointer;background:0 0;border:0;border-radius:36px;flex:none;place-items:center;width:36px;height:36px;margin-bottom:4px;transition:color .2s,background-color .2s;display:grid}.cmp-ghost:hover{color:#f7f7f7;background:#ffffff12}.cmp-btn{cursor:pointer;width:44px;height:44px;color:var(--primary-fg);border:0;border-radius:44px;place-items:center;transition:filter .2s,opacity .2s;animation:.15s ease-out cmp-in;display:grid}.cmp-btn:hover{filter:brightness(1.08)}.cmp-btn[disabled]{cursor:default;filter:none}.cmp-btn.is-send,.cmp-btn.is-stop{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 65%, white), var(--accent) 55%, var(--primary-active))}.cmp-btn.is-idle{color:#8e8e8e;background:#ffffff1a}@keyframes cmp-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cmp-btn{animation:none}}